/* hhenry 8/12/2014 new stylesheet to combine all new css rules for new Overrides layout */

body {
	color: black;
}

.alignLeft{
	text-align:left;
}

.alignRight{
	text-align:right;
}

/*controlTable is the class for the top navigation table/form on each page*/
div#controlTable .panel-heading,
div#controlTable .panel-body {
	text-align: center;
}


/*dashboard */
div.row table.dataTable tbody tr.twoRowHeader th{
	background-color: white;
	text-align: center;
}

/*owner Edit / add new office*/
table.formTable tr th {
	text-align: center;
	height: 25px;
}

table.formTable tr td {
	padding: 5px;
}

/*
table.formTable tr.fullRow td {
	padding-left: 20px;
}*/


table.formTable tr td input{
	padding: 0 5px;
	margin: auto 5px;
}

div.formPanel select.long {
	width: 330px;
}
table.formTable {
	width: 100%;
}

div.formPanel table.promoOwnersTable,
div.formPanel table.campaignTable{
	margin-top: 10px;
}

table.formTable tr td.formTableLableTD{
	width: 130px;
}

table.formTable tr td.formTable2LabelTD { 
	vertical-align: top;
	width: 115px;
}

div.formPanel {
	/*margin: 0 auto;
	width: 520px;
	float: left;*/
	margin-bottom: 0;
}

div.formPanel.addCampaign {
    margin: 0 auto;
    width: 800px;
}

div.columnContainer {
	position: relative;
}

div.leftColumn {
	float: left;
	width: 450px;
	min-width: 437px;
	margin: 0 auto;
}

/*
div.leftColumn div.formPanel{
	margin-right: 10px;
}*/

div.rightColumn {
	float: left;
	width: 53%;
	min-width: 437px;
	margin: 0 auto;
}

@media screen and (max-width: 990px ) {
	div.leftColumn {
		float: none;
	}

	div.rightColumn {
		float: none;
	}
}


/* give overrides */
.hideMe {
	display: none;
}

.showMe {
	display: inherit;
}

/* this is the "Add" button */
div.slide { 
	display: inline;
}

table.giveOverrides tr th,
table.takeOverrides tr th {
	text-align: center;
}

table.giveOverrides tr td table{
	width: 150px;
	margin: 5px;
} 

/*gir schedule */
/* clean up here. a lot of these rules will go away with new version */
.color_red {
	color: red;
}

.color_green{
	color: green;
}

.color_blue {
	color: blue;
}

.color_black{
	color: black;
}

table.optionsTable,
table.GIRSummaryTable
{
	border: 1px solid Black;
	/*background-color: #DFEFFF;*/
}

table.optionsTable tr.headerRow,
table.GIRSummaryTable tr.headerRow
{
	background-color: #0080FF;
}

table.optionsTable tr.headerRow span.header,
table.GIRSummaryTable tr.headerRow span.header
{
	color: white;
}

table.optionsTable, table.GIRSummaryTable {
	 margin: 10px 0;
}

table.optionsTable tbody tr th, table.optionsTable tbody tr td, table.GIRSummaryTable tbody tr td{ 
	padding: 5px;
}

table.GIRSummaryTable tbody tr th {
	text-align: center;
}

table.GIRSummaryTable tr.editRow
{
	background-color: #FFFFCC;
}

.dataTableGIR 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	/*border-collapse: collapse;*/
}

.dataTableGIR tr.headerRow .color1
{
	background-color: #c8c8c8;
}

.dataTableGIR tr.headerRow .color2
{
	background-color: #55a7ff;
}

.dataTableGIR th,
.dataTableGIR td {
	padding: 3px;
	vertical-align:top;
	font-size: 10px;
	border-width: 1px;
	border-color:black;
	border-style:solid;
}
.dataTableGIR tr.dataRowGIR1:hover, .dataTableGIR tr.dataRowGIR2:hover { background-color: #FFFFCC;}
.dataTableGIR tr.dataRowGIR1 { background-color: #FFFFFF; vertical-align: top; }
.dataTableGIR tr.dataRowGIR2 { background-color: #E6E6E6; vertical-align: top; }	

.dataTableGIR tr td span.slide,
.dataTableGIR tr td span.viewLink
{
	cursor: pointer; 
	text-decoration:underline; 
	color:##0000FF;
}

/*.dataTableGIR tr td span.viewLink
{
	display: none;
}*/


table.controlTable_girSchedule .alignRight{
	padding-right:10px;
}

div.container-gir {
	width: 100% !important; /* bad, but we need this to beat Bootstrap's !important */
}

div.row-gir  div#controlTable,
div.row-gir  div#girSummary,
div.row-gir  div.panel-danger,
div.row-gir  div.panel-success
{
	max-width: 640px;
	margin: 0 auto 20px;
}

div.row-gir  div#girSummary{
	margin-top: 20px;
}

div.row-gir div.tableWrapper {
	padding: 0 20px;
}

div.row-gir table.GIRSummaryTable {
	margin: 0 auto;
    width: 535px;
}

div#girSummary .panel-heading,
div#girSummary .panel-body {
	text-align: center;
}