/* CSS Document */
.important { border:1px solid #FCC; background-color:#FEE; padding:5px; color:#f00; font-weight:bold;}
.inline { display:inline-block !important}
.none { display:none !important}
.relative {position:relative}
.floatL { float:left}
.floatR { float:right}
.clear { clear:both}
.right { text-align:right}
.left { text-align:left}
.center { text-align:center}
.redtext { color:#f00}
.bigtext { font-size:14px}
.mandatory { font-size:10px; color:#F00}
.addLBorder { border-left:1px solid #EEE}
.addLPadding { padding-left:20px;}
.addBMargin { margin-bottom:20px}
.addRMargin { margin-right:5px}
.fourwaymargin { margin:10px;}
.wrapper_10 { padding:10px}
.infobox { border:1px solid #EEE; background-color:#FFFFF1; padding:10px; text-align:left; white-space:nowrap}
.infobox span {display:block}
.infobox span.h {font-weight:bold; margin-bottom:5px; border-bottom:1px solid #EEE; padding-bottom:3px}
.infobox span.c { padding-left:20px}
.loader { position:absolute; z-index:888; left:0; top:0; width:100%; height:100%; background:url(/assets/images/ajax-loader.gif) center center no-repeat #FFF}
.empty { border:3px dashed #DDD; background-color:#F1F1F1; display:block; height:300px; line-height:300px; text-align:center; font-size:14px; font-weight:bold;}
ul.def { padding-left:40px; padding-top:10px;}


.response { display:none;}
.error { background: url(/assets/images/error.png) no-repeat scroll 5px 50% #FFC0CB; border: 1px solid #F00; padding: 8px 8px 8px 40px; color:#f00}
.success { background:url(/assets/images/success.png) no-repeat scroll 5px 50% #EBF8A4; border:1px solid #A2D246; padding:8px 8px 8px 40px;}
.good { color:#090}
.bad { color:#F00}

.tabs {display:block; background-color:#fff}
.tabs .tabs-header { text-align:center; background-color:#EEE; display:block; padding:10px; padding-bottom:0}
.tabs .tabs-header a {padding:8px; display:inline-block !important; margin-right:5px; text-decoration:none; color:#333; background-color:#D2D8B6; border:1px solid #ccc; font-weight:bold; color:#777}
.tabs .tabs-header a:hover {background-color:#FFF; border:1px solid #FFF;  font-weight:bold; color:#333}
.tabs .tabs-content { padding:10px}





a.delete { color:#333; text-decoration:none}
a.delete:hover { color:#F00; text-decoration:underline}
a.adder {display:block; padding:10px; border:1px solid #999; text-decoration:none; color:#333; font-size:15px; font-weight:bold; text-align:center}
a.adder:hover { text-decoration:none; background:none; background-color:#d6dbbf; color:#09F; border:1px solid #777; -webkit-box-shadow: inset 0 0 2px #888; -moz-box-shadow: inset 0 0 2px #888; box-shadow: inset 0 0 2px #888;}









.adder-gradient {
background: #feffe8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZlZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q2ZGJiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmRiYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #feffe8 0%, #feffe8 50%, #d6dbbf 50%, #d6dbbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffe8), color-stop(50%,#feffe8), color-stop(50%,#d6dbbf), color-stop(100%,#d6dbbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffe8 0%,#feffe8 50%,#d6dbbf 50%,#d6dbbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffe8 0%,#feffe8 50%,#d6dbbf 50%,#d6dbbf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffe8 0%,#feffe8 50%,#d6dbbf 50%,#d6dbbf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffe8 0%,#feffe8 50%,#d6dbbf 50%,#d6dbbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-8 */
}

.button-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+50,b5c6d0+50,b5c6d0+100 */
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 50%, #b5c6d0 50%, #b5c6d0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 50%,#b5c6d0 50%,#b5c6d0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 50%,#b5c6d0 50%,#b5c6d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#b5c6d0',GradientType=0 ); /* IE6-9 */
}

.auth-gradient {
background: #f6f8f9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RlZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 50%, #d7dee3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(50%,#d7dee3), color-stop(100%,#d7dee3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 50%,#d7dee3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 50%,#d7dee3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 50%,#d7dee3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 50%,#d7dee3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#d7dee3',GradientType=0 ); /* IE6-8 */

}






/*************** ROUND CORNER AND SHADOW *******************/
.bround {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.mround {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.sround {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bl-sround {
	-webkit-border-radius-bottomleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
}
.br-sround {
	-webkit-border-radius-bottomright:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
}

.tr-sround {
	-webkit-border-radius-topright:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
}
.tl-sround {
	-webkit-border-radius-topleft:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
}
.bl-bround {
	-webkit-border-radius-bottomleft:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
}
.br-bround {
	-webkit-border-radius-bottomright:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
}

.tr-bround {
	-webkit-border-radius-topright:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
}
.tl-bround {
	-webkit-border-radius-topleft:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
}
.inner-shadow { -webkit-box-shadow: inset 0 0 2px #AAA; -moz-box-shadow: inset 0 0 2px #AAA; box-shadow: inset 0 0 2px #AAA;}
.auth-shadow {-webkit-box-shadow: 0 0 1px #666; -moz-box-shadow: 0 0 1px #666; box-shadow: 0 0 1px #666; }
/*.formshadow {-webkit-box-shadow: 0 0 2px #777; -moz-box-shadow: 0 0 2px #777; box-shadow: 0 0 2px #777;}*/
.openbox-shadow { -webkit-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000;}




table.fixed { table-layout:fixed; border-spacing:5px; width:100%;}
table.fixed tr td { vertical-align:top;}




/************** FORMS *************/
.sub-form-holder { display:block; background-color:#E4E3E2; border:1px solid #bbb}
.sub-form-holder .sub-form-holder-header { padding:5px; background-color:#D4D3D2; font-weight:bold;}
.sub-form-holder .sub-form-holder-content { padding:5px;}
.sub-form-holder-new { display:block; background-color:#F00; border:1px solid #bbb}
.sub-form-holder-new .sub-form-holder-header { padding:5px; background-color:#F00; font-weight:bold;}
.sub-form-holder-new .sub-form-holder-content { padding:5px;}
.validate { display:none; text-align:center; color:#F00; font-size:11px;}
form.change-form { background-color:#DDD; border:1px solid #CCC}
form { display:block; text-align:left !important}
form ol { padding:0; margin:0; display:block; font-size:11px}
form ol li {list-style:none; padding:5px; border:1px solid transparent; margin-bottom:3px;}
form ol li.highlight { border:1px solid #f00;}
form ol li label { display:block; padding-bottom:3px; font-weight:bold }
form ol li input.radio {margin:10px;}
form ol li input.text { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #CCC; border-top:1px solid #AAA; padding:5px; background-color:#F1F1F1;}
form ol li input.text-small { width:150px; border:1px solid #CCC; border-top:1px solid #AAA; padding:8px; background-color:#F1F1F1;}
form ol li input.text-super { width:200px; border:1px solid #CCC; border-top:1px solid #AAA; padding:3px; background-color:#F1F1F1;}
form ol li input.highlight {border:1px solid #F00 !important}
form ol li select.text { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:4px; border:1px solid #CCC; border-top:1px solid #AAA;background-color:#F1F1F1;}
form ol li select.highlight { border:1px solid #F00}
form ol li textarea.text {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px; border:1px solid #CCC; border-top:1px solid #AAA;background-color:#F1F1F1;}
form ol li textarea.highlight { border:1px solid #F00}
form ol li.action { text-align:right; border:none; margin:0}
form ol li.action a { font-size:14px; display:inline-block !important; border:1px solid #888; color:#333; text-decoration:none; padding:8px; font-weight:bold; }
form ol li.action a:hover { border:1px solid #666; background:none; background-color:#99bbcc; text-decoration:none; color:#333; -webkit-box-shadow: inset 0 0 2px #333; -moz-box-shadow: inset 0 0 2px #333; box-shadow: inset 0 0 2px #333;}