/* Interface */
#logo
{
	display: block;	float:left;
	background-position: left center;
	background-repeat: no-repeat;margin-bottom:15px;
	background-image:url(../images/cms_logo.png);background-size:contain;
}
@media (min-resolution: 134dpi),(min-device-pixel-ratio: 1.4),(min--moz-device-pixel-ratio: 1.4),(-o-min-device-pixel-ratio: 1.4),(-webkit-min-device-pixel-ratio: 1.4) {
	#logo{background-image:url(../images/cms_logo@2x.png);}
}

#content-wrapper {
	background: url(../images/bg-tile.png) center center;
	background-repeat: repeat;
	background-color:#EFEFEF;
}

.errorMessage
{
	background-color: #ffbebe;
	border-top: 1px solid #8e1504;
	border-bottom: 1px solid #8e1504;
}

.noticeMessage
{
	background-color: #bde2f8;
	border-top: 1px solid #0f4b7d;
	border-bottom: 1px solid #0f4b7d;
}

.clearfix {
	clear: both;
}


h1
{
	color: #222;font-size:18px; line-height:20px;font-weight:700; margin: 8px 0px;
}

body
{
	background-color:#EFEFEF;
}

hr
{
	color: #7baccd;
	background-color: #7baccd;
}

/* <header> */

#header
{
	color: #333;
	text-align: right;
	background: url(../images/bg-header-tile.png) center center;
	background-repeat: repeat;
	/*    height: 100px;*/
}

#logo
{
	background-color:transparent;
}

#title
{
	color: #0f4b7d;
}

/* </header> */

/* <userbar> */

#userbar
{
	color: #333;	
}

#username
{
	color: #57A91B;
}

#userbar a
{
	color: #ffffff;
	
}

#userbar a:hover
{
	color: #3B9EE6;
}

/* </userbar> */

/* <body> */

#body
{
	/*background-color:#eee;*/
	
}

/* <nav> */

#nav
{
	padding-bottom: 20px;padding-top:25px;
}

#nav a
{	
	color: #222;
    font-size: 13px;
    font-weight: 700;	
}

#nav a:hover
{
	background-color: #fff;
}


#nav > ul > li > ul > li.on > a{
	background-color: #FFDE7A;
    color: #000000;
    font-weight: bold;
    /*border: 1px solid black;*/
    border: 1px solid #A0A0A0;
    border-left: none;
    border-right: none;
}

#nav > ul > li > ul > li:first-child.on > a {
	border-top: none;
}

#nav a:hover
{
	background-color: transparent;text-decoration: underline;
}
#nav > li.on > a:hover
{
	background-color: #333;text-decoration: none;
}
#nav li.on > ul > a:hover
{
	text-decoration: underline;
}
#nav li.on li.on a:hover
{
	text-decoration: underline;
}


#nav li.on li.on a
{
	color: #231F20;
    /*text-decoration: underline;*/
    
}


#nav li.on li.on a:after {
	content: " ►";
}


#nav .change-password a
{
	color: white;
	background-color: #7baccd;
}

#nav .change-password a:hover
{
	background-color: #82b6d9;
}

#nav h4
{	
	color:#222;font-size:17px;font-weight:700;text-transform:none;padding:0px 0px 7px;
}

/* </nav> */

/* <content> */

#content
{
	margin-left: 205px;
}

#breadcrumb
{
	color: #333333;
}

#breadcrumb a
{
	color: #505050;
    font-weight: 700;
}



/* </content> */

#bottom-gradient, #top-gradient, #top-gradient-dots
{
	display:none;
}

#footer
{
	min-height:80px;
	padding:20px 30px;
	color: #333;clear:both;
}

/* </body> */

/* <page> */



.empty{
	font-size:13px;border:1px dashed #333;text-align:center;
	padding:10px 0px;border-radius:10px;
}




.indexTable{
	font-size:13px;
}

.indexTable thead tr {
	/*display: block;
    border: 1px solid black;
    border-radius: 10px 10px 0px 0px;*/
    border-collapse: separate;
}

.indexTable thead td, .indexTable thead th
{
/*	border-right: 1px solid #7eadd4;
	background-color: #5792c2;*/
	font-weight:400; padding:5px 10px;
	color: white;font-size:14px;
}

/* TEMP testing styles */
.indexTable thead td, .indexTable thead th
{
	border-right: 1px solid #555555;
    background-color: #FFDE7A; /*#FFCF3F*/
    font-weight: 700;
    padding: 5px 10px;
    color: #000000;
    font-size: 13px;
    box-shadow: 1px 0px 1px #000000;
    /*border-top: 1px solid #000000;*/
    border-bottom: 1px solid #555555;
}

.indexTable thead td:first-child,.indexTable thead th:first-child{
	border-top-left-radius: 10px;
   	border-top: none;
   	border-left: none;
   	box-shadow: 0px 0px 1px #000000;
}
.indexTable thead td:last-child,.indexTable thead th:last-child{
	border-top-right-radius:10px;
	border-top: none;
   	border-right: none;
	box-shadow: 0px 0px 1px #000000;
}



.indexTable thead a
{
	color: white;
	text-decoration: none;
}

.indexTable tfoot td, .indexTable tfoot th, .formFooter
{
	
}

.indexTable > tbody>  tr>td, .indexTable>  tbody> tr>th
{
	border-right: 1px dotted #ddd;border-top:none;border-bottom: 1px solid #ccc;
	background-color: white;
	color: black;padding:2px 10px;
}

.indexTable > tbody>  tr>td:last-child, .indexTable>  tbody> tr>th:last-child{
	border-right:none;
}






.indexTable table td, .indexTable table th
{
	border: none;
}
.indexTable > tbody > tr > td > a,.indexTable > tbody > tr > th > a
{
	color: black;text-align:left;
	text-decoration: none;line-height: 22px;
}

.indexTable table tbody a
{
	color: black;    font-weight: 700;
	text-decoration: none;color:#444;
}
.indexTable table tbody a:hover
{
	color: black;    font-weight: 700;
	text-decoration: underline;color:#444;
}

.indexTable .hover td, .indexTable .hover th
{
	background-color: #FFFADD; /*#fffbe6;*/
}


.indexTable tbody a.rec-button{
	border-radius:0px;text-transform: uppercase;
	font-weight:700;padding:0px 2px;color:#444;font-size:12px;
}
.indexTable tbody a.rec-button:hover{
	color: #222;text-decoration:underline;
}

.icon_active{background-image:url('../images/icon_active.png'); width:17px; height:17px; background-repeat: no-repeat; background-position:center; display:none;}
.icon_indexed{background-image:url('../images/icon_indexed.png'); width:17px; height:17px; background-repeat: no-repeat; background-position:center; display:none;}
.icon_featured{background-image:url('../images/icon_featured.png'); width:17px; height:17px; background-repeat: no-repeat; background-position:center; display:none;}

.text_active{display:inline;}
.text_indexed{display:inline;}
.text_featured{display:inline;}



.conf div{background-image:url('../images/conf.png'); width:17px; height:17px; background-repeat: no-repeat; background-position:center; display:block;}
.del div{background-image:url('../images/del.png'); width:17px; height:17px; background-repeat: no-repeat; background-position:center; display:block;}
.edit div{background-image:url('../images/edit.png'); width:17px; height:17px; background-repeat: no-repeat; background-position:center; display:block;}
.rev div{background-image:url('../images/rev.png'); width:17px; height:17px; background-repeat: no-repeat; background-position:center; display:block;}
.conf div:hover{background-image:url('../images/conf_hover.png');}
.del div:hover{background-image:url('../images/del_hover.png');}
.edit div:hover{background-image:url('../images/edit_hover.png');}
.rev div:hover{background-image:url('../images/rev_hover.png');}


/* </fields> */

#loginPage th, #loginPage a, #emailPage th, #emailPage a, #altloginPage th, #altloginPage a
{
	color: #222222;
}
#emailPage



#page > form#editForm div.formFooter a.button1,#editForm .staticfield a.button2, #page > form.editForm div.formFooter a.button2, #page > form.editForm div.formFooter a.button1 {
	background-color: #a53d32;font-weight:700;padding:10px 15px;color:#fff; border-radius:10px;text-transform:none;
}
#editForm .formFooter a.button2, .editForm .formFooter a.button2{
	background-color: #969696;font-weight:700;padding:10px 15px;color:#fff; border-radius:10px;text-transform:none;
}

#page > form#editForm div.formFooter a:hover.button1,#editForm .staticfield a:hover.button2, #page > form.editForm div.formFooter a:hover.button1 {
	background-color: #c7493c;font-weight:700;padding:10px 15px;color:#fff; border-radius:10px;text-transform:none;
}
#editForm .formFooter a:hover.button2, .editForm .formFooter a:hover.button2{
	background-color: #7bc346;font-weight:700;padding:10px 15px;color:#fff; border-radius:10px;
}

#editForm .staticfield a.button1, .editForm .staticfield a.button1{
	background-color: #999;font-weight:700;padding:10px 15px;color:#fff; border-radius:10px;text-transform:none;
}
#editForm .staticfield a:hover.button1, .editForm .staticfield a:hover.button1{
	background-color: #b8b8b8;font-weight:700;padding:10px 15px;color:#fff; border-radius:10px;text-transform:none;
}

#page #indexTable table tbody a.delete, #page .indexTable table tbody a.delete {
    font-weight: 700;
    text-decoration: none;
    color: #B54848;
    font-size: 14px;
}

.indexTable table tbody a.delete:hover {
    text-decoration: underline;
}


#page #indexTable a.button1, #editForm table table a.button{
	background:none;color:#000;
	text-transform: uppercase;
    font-weight: 700;
    padding: 0px 2px;
    color: #444;
    font-size: 12px;
}
#page #indexTable a.button2{
	background:none;color:#000;
	text-transform: uppercase;
    font-weight: 700;
    padding: 0px 2px;
    color: #444;
    font-size: 12px;
} 
#page #indexTable a.button1:hover,#page #indexTable a.button2:hover, #editForm table table a.button:hover{
	text-decoration:underline;
}

#page > form#editForm div.formFooter a.button1, #page > form.editForm div.formFooter a.button1{
	background-color: #a53d32;font-weight:700;padding:10px 15px;color:#fff; border-radius:10px;text-transform:none;
}





/* <controls> */

.checkbox, .checkbox-on
{
	background-color: #fff;
	border: 1px solid #333;
	
	border-radius:2px;
}
.checkboxfield li {
    display: inline-block;
    vertical-align: top;
    padding: 0 25px 0 0;
    margin: 0;
}
#move-divider
{
	background-color: #8e1504;
}

/* </controls> */

/* <fields> */

h6
{
	padding-left:0px;
	color:#333;
	font-size:16px;font-weight:700;text-transform:none;
}

.field
{
	/*background-color: #ffffff;*/
	/*border: 1px solid #d8e6f1;*/
}


.textfield input, .textfield textarea, .selectfield select, .datefield input,select#config_select
{
	font-family: "Open Sans", sans-serif;
	border:none;
	background-color: #fff;border-radius:10px;border:1px solid #aaa;border-top:1px solid #bbb;  
	
	-webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;outline:0; 
    -webkit-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out; 
  color: #000000;font-size: 14px;
}


select#config_select{
	border:none;
	background-color: #fff;border-radius:10px;border:1px solid #777;border-top:1px solid #777;  
	
	-webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;outline:0; 
}
 #page form  #indexTable > tfoot > tr > td > a.button2, #page form  #indexTable > tfoot > tr > td > a.button1,form#loginPage a.button1,form#emailPage a.button1,form#emailPage a.button2{
	font-weight:700;padding:10px 15px;display:block;margin-top:15px;margin-right:0px;font-size:14px;
	background-color: #fff;border-radius:10px;border:1px solid #777; color:#333;text-transform:none;
}

 #page form  #indexTable > tfoot > tr > td > a:hover.button2, #page form  #indexTable > tfoot > tr > td > a:hover.button1,form#loginPage a:hover.button1,form#emailPage a.button1:hover,form#emailPage a.button2:hover{
 	background-color:#66a23a;color:#fff;border:1px solid #66a23a;text-decoration: none;
}
form#loginPage a.button1{
	margin-top:10px;
}







.field input[type="color"]{
	-webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    width:50px;height:50px;padding:0;border:none;margin:0;background-color:transparent;outline:0;
}

.textfield input[type="text"],.datefield input[type="text"], input[type="password"]{
	padding:15px 10px;border:1px solid #aaa;border-top:1px solid #bbb;padding: 5px;min-height: 30px;
}



.selectfield select:focus , .textfield input[type=text]:focus,.datefield input[type="text"]:focus, input[type="password"]:focus,.textfield textarea:focus {
	 border:1px solid #333; outline:0; background-color:#f1f1f1;

}











.textfield textarea{
	padding:10px 10px;min-height:100px;  
}
.selectfield select, select#config_select{
	background-image:url('../images/select_input_arrow.png');
	background-position: right center;padding:7px 10px;padding-right:43px;
	background-repeat:no-repeat;color:#333;
}

select#config_select{
	float:right;margin-top:25px;font-weight:700;font-size:14px;
}


.datefield div
{
	background-color: white;
	border: 1px solid #6488a8;
}

.datefield td
{
	border: 1px solid #e7e2da;
	color: #4f423f;
}

.datefield thead td
{
	background-color: #e0e0e0;
	color: black;
}

.datefield thead a
{
	color: #0F4B7D;
}

.datefield tbody a
{
	color: #4f423f;
}

.datefield tbody a.on
{
	background-color: #c3dae8;
}





/* </page> */

.density_box{
	border-radius:1px;width:50px;height:7px;float:right;background-color:#ddd;margin-top:4px;margin-left:10px;position:relative;z-index:98;
	border:1px solid #888;
}
.density_box_range{
	height:7px;position:relative; bottom:6px;border-right:1px solid #888;border-left:1px solid #888;float:left;background-color:rgb(0,255,0);z-index:99;
}
.density_arrow {
	position:relative; top:6px; left:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3.75px 6px 3.75px;z-index:100;
	border-color: transparent transparent #111 transparent;
}

.percent{
	float:right;display:block;
	text-transform:initial;color:#000;font-size:15px;
	position: relative;z-index:20;font-weight:400;padding-left:7px;
}
.label_box{
	float:right;margin-left:10px;text-transform:initial;color:#ccc;font-size:15px;
}
.label_box .value{
	color:#000;font-size:15px;font-weight:400;padding-left:7px;
}
.percent_box{
	background-color:#ddd;border-radius:8px;margin-top:4px;margin-left:4px;display:block;float:right;width:10px;height:10px;border:1px solid #444;
}
.full_url_label{
	font-weight:700;font-size: 16px;color:#ccc;padding-left:10px; padding-right:5px;  
}
.full_url{
	color:#ccc;font-weight:400;font-size:13px;padding-left:5px;position:relative;bottom:2px;
}

.tables{overflow:hidden;margin-bottom:10px;}
.editortable{margin-top:4px;margin-bottom:5px;margin-right:10px;font-size:12px;display:block;float:left;}
.editortable th {padding:3px 9px; color:#fff;background-color:#aaa;border-right:1px solid #bbb;border-bottom:1px solid #aaa;text-align:left;}
.editortable td {padding:3px 9px; border-right:1px dotted #ddd;border-bottom:1px solid #ddd;text-align:left;}
.editortable th:first-child {border-top-left-radius:10px;} .editortable th:last-child {border-top-right-radius:10px;border-right:none;} .editortable th:only-child {border-right:none;border-top-right-radius:10px;border-top-left-radius:10px;}
.editortable td:last-child,.editortable td:only-child {border-right:none;}
h6{clear:left;}



#bottom-gradient, #top-gradient, #top-gradient-dots
{
	display:none;
}
tfoot.null{
	display:none;
}


body .quicklink {
    background-color: #face55;
}
.quicklink {
    height: 100px;
}

.quicklink {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    float: left;
    text-align: center;
    width: 18%;
    margin: 0 1%;
    padding: 5px 0;
    text-decoration: none;
    font-weight: bold;
}

.quicklink b {
    display: block;
    font-size: 25px;
    line-height: 65px;
    text-align: center;
}


@media only screen and (max-width: 799px){
	.hideable{display:none;}
	.icon_active{display:block;}
	.icon_indexed{display:block;}
	.icon_featured{display:block;}

	.text_active{display:none;}
	.text_indexed{display:none;}
	.text_featured{display:none;}

	.indexTable > tbody>  tr>td, .indexTable>  tbody> tr>th
	{		
		padding:2px 5px;
	}
	.indexTable thead td, .indexTable thead th
	{		
		padding:5px 5px;		
	}


	#content{
		padding-left:0px;margin-left:0px;min-height:initial;float: none;
	}

	#nav, #nav.fixed{
		width: calc(100% - 30px);
		padding-top:0px;padding: 0 15px;
		clear: right;
		float: left;
		position:relative;
		margin-bottom:15px;
	}
	#content-wrapper{
		padding: 0 15px;width:calc(100% - 30px);
	}
	#breadcrumb{
		font-size:16px; line-height:20px;font-weight:700;
	}

	#breadcrumb .breadcrumb_divider 
	{
		display:none;
	}

	#breadcrumb a
	{
		color: #3B9EE6;padding:1px 0px;
	}
	#breadcrumb a:after
	{
		font-weight:300; color:#333;
	}
	#breadcrumb .breadcrumb_title{
		display:block;padding:4px 0px 11px;font-size:22px;
		border-bottom: 1px dashed #ccc;
	}
	#header{
		padding: 15px 15px 20px;text-align: center;
	}
	#page {	   
	    padding-bottom: 10px;
	}
	#logo{
		margin-left:auto; margin-right:auto; text-align:center;
		float:none;
	}


	#footer
	{
		background-color:#222;overflow:hidden;padding:15px 15px;
	}
	#footer a{		
		float: none;margin:auto;
		background-image: url(../images/fpc_logo@2x.png);
	}
	
	#footer div.id{
		margin:auto;float:none;text-align: center;
	}
	#footer img {
		display: inline;
    }
	#footer div.id span.ident{
		clear:left;text-align:center;
	}
	#footer div.location
	{
		display: block;margin:auto;margin-top:15px;
		clear:both;float:none;text-align:center;
	}

	


}
@media (min-resolution: 134dpi),(min-device-pixel-ratio: 1.4),(min--moz-device-pixel-ratio: 1.4),(-o-min-device-pixel-ratio: 1.4),(-webkit-min-device-pixel-ratio: 1.4) {
	#footer a{	
		background-image: url(../images/fpc_logo@2x.png);
	}

}