#mainContainer {

	min-width: 840px;

	padding: 0;

	margin: 0;

	background:#f4f4f4 url(../images/bg.gif) repeat top left;

}

#header {

 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#343434', endColorstr='#292929');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#343434', endColorstr='#292929')";

	background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#292929));

	background: -webkit-linear-gradient(top, #343434, #292929);

	background: -moz-linear-gradient(top, #343434, #292929);

	background: -ms-linear-gradient(top, #343434, #292929);

	background: -o-linear-gradient(top, #343434, #292929);

	background: linear-gradient(top, #343434, #292929);

	background-position: top;

	background-repeat: repeat-x;

	margin: 0px;

	height:70px;

}

#header span {

	-webkit-font-smoothing: antialiased !important;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

	color:#fff;

	font-size:25px;

	background: none;

	

	text-decoration: none;

	font-weight: bold;

	color: #e3e7f1;

	opacity:0.9;

	



	

}



#header .divleft div



{

	float:left;

	-webkit-font-smoothing: antialiased !important;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

	color:#fff;

	font-size:10px;

	background: none;

	

	text-decoration: none;

	font-weight: bold;

	color: #e3e7f1;

	opacity:0.9;

	



	

	margin-top: 25px;

	margin-left:10px;

	margin-bottom: 0px;

	

}



#header .divleft div img



{

	float:left;

	-webkit-font-smoothing: antialiased !important;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

	color:#fff;

	font-size:10px;

	background: none;

	

	text-decoration: none;

	font-weight: bold;

	color: #e3e7f1;

	opacity:0.9;

	

	padding-left:0px;

	padding-bottom: 0px;

	margin-top:-10px

	/*border:solid thick #F00;*/

	

}



#header .divright div



{

	float:right;

	-webkit-font-smoothing: antialiased !important;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

	color:#fff;

	font-size:15px;

	background: none;

	

	text-decoration: none;

	font-weight: bold;

	

	color: #e3e7f1;

	opacity:0.9;

	

	width:30%;

	text-align:right;

	margin-top: 25px;

	margin-left:20px;

	margin-bottom: 0px;

	

}



#header .divright div span



{

	-webkit-font-smoothing: antialiased !important;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

	color:#fff;

	font-size:15px;

	background: none;

	

	

	font-weight: bold;

	color: #e3e7f1;

	

	opacity:0.9;

	

	width:30%;

	padding-right:10px;

	border-right:solid thin #666;

}



#header .divright div span a



{

	-webkit-font-smoothing: antialiased !important;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

	color:#fff;

	font-size:12px;

	background: none;

	text-decoration:none;

	font-weight:normal;

	color: #e3e7f1;

	

	opacity:0.9;

	

	width:30%;

	padding-right:10px;

	border-right:solid thin #666;

}



#header .divright div span a:hover {

	text-decoration:underline;

}



/* You must include some sort of border on this rule.  Otherwise IE 6.0 will not */

/* render the background image or color properly.                                */

#sideBarContentWrapper {

	background-image: url(columns.bg.gif);

	background-repeat: repeat-y;

	border-top: #000000 1px solid;

	padding-bottom:20px;

}

#contentContainer {

	float: left;

	width: 100%;

}

#content {

	margin-left: 235px;

	padding: 10px;

}

#sideBar {

	float: left;

	width: 30px;

	margin-left: -100%;

}

#mainfrm {

	float: left;

	width: 100%;

	min-width: 500px;

	background:#fff;

	border:1px solid #ddd;

	margin:0 auto;

	font-size:14px;

	-moz-box-shadow:1px 1px 7px #ccc;

	-webkit-box-shadow:1px 1px 7px #ccc;

	box-shadow:1px 1px 7px #ccc;

	font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;

}

#mainfrm h3 {

	padding:20px 30px 20px 30px;

 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6985b5', endColorstr='#456397');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6985b5', endColorstr='#456397')";

	background: -webkit-gradient(linear, left top, left bottom, from(#6985b5), to(#456397));

	background: -webkit-linear-gradient(top, #6985b5, #456397);

	background: -moz-linear-gradient(top, #6985b5, #456397);

	background: -ms-linear-gradient(top, #6985b5, #456397);

	background: -o-linear-gradient(top, #6985b5, #456397);

	background: linear-gradient(top, #6985b5, #456397);

	color:#fff;

	font-size:25px;

	border-bottom:1px solid #ddd;

}

#mainfrm form {

	display:none;

	background:#fff;

}

#mainfrm .column {

	width:50%;

	float:left;

	padding-bottom:15px;

}



#mainfrm a {

	text-decoration:none;

	color:#777;

	font-size:12px;

}

#mainfrm a:hover {

	color:#000;

}

#mainfrm .label {

	display:block;

	padding:10px 30px 0px 30px;

	margin:10px 0px 0px 0px;

	font-weight:bold;

}

.smalllabel {
	font-size:10px;

	display:block;

	padding:10px 20px 0px 20px;

	margin:10px 0px 0px 0px;

	font-weight:bold;

}

.checkboxstyle {
	
	content: "";  
    display: inline-block;  
    width: 20px;  
    height: 20px;  
    vertical-align:middle;
    margin-right: 8px;  
    background-color: #aaa;  
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 4px; 
	
	
}

/*#mainfrm input[type="text"], select {*/

#mainfrm .textboxstyle {

	border: solid 1px #E5E5E5;

	background: #FFFFFF;

	margin: 5px 30px 0px 30px;

	padding: 9px;

	display:block;

	font-size:14px;

	width:50%;

	background: -webkit-gradient(  linear,  left top,  left 25,  from(#FFFFFF),  color-stop(4%, #EEEEEE),  to(#FFFFFF)  );

	background: -moz-linear-gradient(  top,  #FFFFFF,  #EEEEEE 1px,  #FFFFFF 25px  );

	background: -moz-box-shadow: 0px 0px 8px #f0f0f0;

	background: -webkit-box-shadow: 0px 0px 8px #f0f0f0;

	box-shadow: 0px 0px 8px #f0f0f0;

}

/*#mainfrm input[type="text"]:focus {*/

#mainfrm .textboxstyle:focus {

	background:#feffef;

}

.smalltextboxstyle {

	border: solid 1px #E5E5E5;

	background: #FFFFFF;

	margin: 2px 20px 0px 20px;

	padding: 3px;
	font-size:10px;
	background: -webkit-gradient(  linear,  left top,  left 25,  from(#FFFFFF),  color-stop(4%, #EEEEEE),  to(#FFFFFF)  );

	background: -moz-linear-gradient(  top,  #FFFFFF,  #EEEEEE 1px,  #FFFFFF 25px  );
	background: -moz-box-shadow: 0px 0px 8px #f0f0f0;
	background: -webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
	
	
}

/*#mainfrm input[type="text"]:focus {*/

.smalltextboxstyle:focus {

	background:#feffef;

}

.ui-autocomplete-loading {
    background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
  }



.bottompadding

{



	padding-bottom: 20px;

}



#mainfrm .bottom {

	 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6985b5', endColorstr='#456397');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6985b5', endColorstr='#456397')";

	background: -webkit-gradient(linear, left top, left bottom, from(#6985b5), to(#456397));

	background: -webkit-linear-gradient(top, #6985b5, #456397);

	background: -moz-linear-gradient(top, #6985b5, #456397);

	background: -ms-linear-gradient(top, #6985b5, #456397);

	background: -o-linear-gradient(top, #6985b5, #456397);

	background: linear-gradient(top, #6985b5, #456397);

	border-top:1px solid #ddd;

	margin-top:20px;

	clear:both;

	color:#fff;

	text-shadow:1px 1px 1px #000;



}



#mainfrm .bottom a {

	display:block;

	clear:both;

	padding:10px 30px;

	text-align:right;

	color:#ffa800;

	text-shadow:1px 1px 1px #000;

}



#mainfrm .controlButtons {

	background: #e3e3e3;

	border: 1px solid #ccc;

	color: #333;

	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;

	font-size: 14px;

	font-weight: bold;

	padding: 8px 0 9px;

	text-align: center;

	width: 150px;

	cursor:pointer;

	float:right;

	margin:15px 20px 10px 10px;

	text-shadow: 0px 1px 0px #fff;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	-moz-box-shadow: 0px 0px 2px #fff inset;

	-webkit-box-shadow: 0px 0px 2px #fff inset;

	box-shadow: 0px 0px 2px #fff inset;

}

#mainfrm .controlButtons:hover {

	background: #d8d8d8;

	-moz-box-shadow: 0px 0px 2px #eaeaea inset;

	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;

	box-shadow: 0px 0px 2px #eaeaea inset;

	color: #222;

}



#mainfrm .generalButtons {

	background: #e3e3e3;

	border: 1px solid #ccc;

	color: #333;

	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;

	font-size: 14px;

	font-weight: bold;

	padding: 8px 0 9px;

	padding-left: 8px;

	padding-right: 8px;

	text-align: center;

	width: 150px;

	cursor:pointer;

	margin:15px 20px 10px 10px;

	text-shadow: 0px 1px 0px #fff;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	-moz-box-shadow: 0px 0px 2px #fff inset;

	-webkit-box-shadow: 0px 0px 2px #fff inset;

	box-shadow: 0px 0px 2px #fff inset;

}

#mainfrm .generalButtons:hover {

	background: #d8d8d8;

	-moz-box-shadow: 0px 0px 2px #eaeaea inset;

	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;

	box-shadow: 0px 0px 2px #eaeaea inset;

	color: #222;

}

#viewtable a:link {

	color: #0000FF;

	font-weight: bold;

	text-decoration:underline;

}

#viewtable a:visited {

   color: #800080;

	font-weight:bold;

	text-decoration:underline;

}

#viewtable a:active,

#viewtable a:hover {

	color: #bd5a35;

	text-decoration:underline;

}

#viewtable {

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	font-size:10px;

	text-shadow: 1px 1px 0px #fff;

	background:#eaebec;

	margin:10px;

	border:#ccc 1px solid;



	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;



	-moz-box-shadow: 0 1px 2px #d1d1d1;

	-webkit-box-shadow: 0 1px 2px #d1d1d1;

	box-shadow: 0 1px 2px #d1d1d1;

	

}

#viewtable th {

	padding:5px 10px 6px 10px;

	border-top:1px solid #fafafa;

	border-bottom:1px solid #e0e0e0;



	background: #ededed;

	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));

	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);

}

#viewtable th:first-child{

	text-align: left;

	padding-left:10px;

}

#viewtable tr:first-child th:first-child{

	-moz-border-radius-topleft:3px;

	-webkit-border-top-left-radius:3px;

	border-top-left-radius:3px;

}

#viewtable tr:first-child th:last-child{

	-moz-border-radius-topright:3px;

	-webkit-border-top-right-radius:3px;

	border-top-right-radius:3px;

}

#viewtable tr{

	text-align: center;

	padding-left:10px;

}

#viewtable tr td:first-child{

	text-align: left;

	padding-left:10px;

	border-left: 0;

}

#viewtable tr td {

	padding:2px;

	border-top: 1px solid #ffffff;

	border-bottom:1px solid #e0e0e0;

	border-left: 1px solid #e0e0e0;

	

	background: #fafafa;

	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));

	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);

}

#viewtable tr.even td{

	background: #f6f6f6;

	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));

	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);

}

#viewtable tr:last-child td{

	border-bottom:0;

}

#viewtable tr:last-child td:first-child{

	-moz-border-radius-bottomleft:3px;

	-webkit-border-bottom-left-radius:3px;

	border-bottom-left-radius:3px;

}

#viewtable tr:last-child td:last-child{

	-moz-border-radius-bottomright:3px;

	-webkit-border-bottom-right-radius:3px;

	border-bottom-right-radius:3px;

}

#viewtable tr:hover td{

	background: #f2f2f2;

	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));

	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	

}



#viewtable tr.delete td {

	background: #FF0000;

	background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#F90000));

	background: -moz-linear-gradient(top,  #FF0000,  #F90000);	

}



#viewtable tr.relocate td {

	background: #00FF00;

	background: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#00F000));

	background: -moz-linear-gradient(top,  #00FF00,  #00F000);	

}



#viewtable img {

	border: 0;

}


.baseBlock {

clear:both;

border:1px solid #ddd;



	padding:10px 30px 10px 30px;

 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#E0E6F8', endColorstr='#EFF5FB');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E0E6F8', endColorstr='#EFF5FB')"; 

	background: -webkit-gradient(linear, left top, left bottom, from(#E0E6F8), to(#EFF5FB));

	background: -webkit-linear-gradient(top, #E0E6F8, #EFF5FB);

	background: -moz-linear-gradient(top, #E0E6F8, #EFF5FB);

	background: -ms-linear-gradient(top, #E0E6F8, #EFF5FB);

	background: -o-linear-gradient(top, #E0E6F8, #EFF5FB);

	background: linear-gradient(top, #E0E6F8, #EFF5FB);

	border-bottom:1px solid #ddd;

	margin-bottom:10px;

	margin-top:10px;





}



.baseBlockButton{

clear:both;

border:1px solid #ddd;



	padding:0px 30px 0px 30px;

 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#E0E6F8', endColorstr='#EFF5FB');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E0E6F8', endColorstr='#EFF5FB')"; 

	background: -webkit-gradient(linear, left top, left bottom, from(#E0E6F8), to(#EFF5FB));

	background: -webkit-linear-gradient(top, #E0E6F8, #EFF5FB);

	background: -moz-linear-gradient(top, #E0E6F8, #EFF5FB);

	background: -ms-linear-gradient(top, #E0E6F8, #EFF5FB);

	background: -o-linear-gradient(top, #E0E6F8, #EFF5FB);

	background: linear-gradient(top, #E0E6F8, #EFF5FB);

	border-bottom:1px solid #ddd;

	margin-bottom:5px;

	margin-top:5px;





}



.textboxstyle2 {

	clear:both;

	border: solid 1px #E5E5E5;

	background: #FFFFFF;

	margin: 5px 0px 30px 0px;;

	padding: 9px;

	font-size:12px;

	background: -webkit-gradient(  linear,  left top,  left 25,  from(#FFFFFF),  color-stop(4%, #EEEEEE),  to(#FFFFFF)  );

	background: -moz-linear-gradient(  top,  #FFFFFF,  #EEEEEE 1px,  #FFFFFF 25px  );

	background: -moz-box-shadow: 0px 0px 8px #f0f0f0;

	background: -webkit-box-shadow: 0px 0px 8px #f0f0f0;

	box-shadow: 0px 0px 8px #f0f0f0;

}

	

	

. sublist

{

	font:bold;

}





.sublabel {

	font-weight:bold;

	display:block;

	

}



.subheader {

	clear:both;

		padding:20px 30px 20px 30px;

 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6985b5', endColorstr='#456397');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6985b5', endColorstr='#456397')";

	background: -webkit-gradient(linear, left top, left bottom, from(#6985b5), to(#456397));

	background: -webkit-linear-gradient(top, #6985b5, #456397);

	background: -moz-linear-gradient(top, #6985b5, #456397);

	background: -ms-linear-gradient(top, #6985b5, #456397);

	background: -o-linear-gradient(top, #6985b5, #456397);

	background: linear-gradient(top, #6985b5, #456397);

	color:#fff;

	font-size:16px;

	border-bottom:1px solid #ddd;

	

}


.pagination {

    background: #f2f2f2;

    padding: 20px;

    margin-bottom: 20px;

}



.page {

    display: inline-block;

    padding: 0px 9px;

    margin-right: 4px;

    border-radius: 3px;

    border: solid 1px #c0c0c0;

    background: #e9e9e9;

    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);

    font-size: .875em;

    font-weight: bold;

    text-decoration: none;

    color: #717171;

    text-shadow: 0px 1px 0px rgba(255,255,255, 1);

}



.page:hover, .page.gradient:hover {

    background: #fefefe;

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));

    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);

}



.page.active {

    border: none;

    background: #616161;

    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);

    color: #f0f0f0;

    text-shadow: 0px 0px 3px rgba(0,0,0, .5);

}



.page.gradient {

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));

    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);

}



.pagination.dark {

    background: #414449;

    color: #feffff;

}



.page.dark {

    border: solid 1px #32373b;

    background: #3e4347;

    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);

    color: #feffff;

    text-shadow: 0px 1px 0px rgba(0,0,0, .5);

}



.page.dark:hover, .page.dark.gradient:hover {

    background: #3d4f5d;

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));

    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);

}



.page.dark.active {

    border: none;

    background: #2f3237;

    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);

}



.page.dark.gradient {

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));

    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);

}

















/*



form.active {

	display:block;

}

form.login {

	width:350px;

}

form.register {

	width:550px;

}

form.forgot_password {

	width:300px;

}







.form_wrapper a.forgot {

	float:right;

	font-style:italic;

	line-height:24px;

	color:#ffa800;

	text-shadow:1px 1px 1px #fff;

}

.form_wrapper a.forgot:hover {

	color:#000;

}

.form_wrapper div.remember {

	float:left;

	width:140px;

	margin:20px 0px 20px 30px;

	font-size:11px;

}

.form_wrapper div.remember input {

	float:left;

	margin:2px 5px 0px 0px;

}

.form_wrapper span.error {

	visibility:hidden;

	color:red;

	font-size:11px;

	font-style:italic;

	display:block;

	margin:4px 30px;

}







*/





/* IE 6.0: For some reason, if you just specify padding here it'll add 10 px  */

/* to the entire layout and cause the page to scroll horizontally. So we have */

/* to specify the width and then set a margin on it.  The width is equal to   */

/* the width of the column, 190px - the 10px margin * 2                       */







/* We have to include some sort of height attribute for IE 6 and 7 to render  */

/* the columns background properly, and prevent additional, unwanted          */

/* whitespace from being rendered.                                            */

#footer {

	height: 20px;

	padding-top: 20px;

	padding-bottom:20px;

	clear: both;

	border-bottom: #000000 1px solid;

	border-top: #000000 1px solid;

	 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#343434', endColorstr='#292929');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#343434', endColorstr='#292929')";

	background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#292929));

	background: -webkit-linear-gradient(top, #343434, #292929);

	background: -moz-linear-gradient(top, #343434, #292929);

	background: -ms-linear-gradient(top, #343434, #292929);

	background: -o-linear-gradient(top, #343434, #292929);

	background: linear-gradient(top, #343434, #292929);

	background-position: top;

	

   float:left;

   width:100%;

   overflow:hidden;

   position:relative;



}





#footer ul {

   clear:left;

   float:left;

   list-style:none;

   margin:0;

   padding:0;

   position:relative;

   left:50%;

   text-align:center;

}

#footer ul li {

   display:block;

   float:left;

   list-style:none;

   margin:0;

   padding:0;

   position:relative;

   right:50%;

}

#footer ul li a {

   display:block;

   margin:0 0 0 1px;

   padding:3px 15px;

   text-decoration:none;

   line-height:1.3em;

   -webkit-font-smoothing: antialiased !important;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

	color: #e3e7f1;

	opacity:0.9;

	

}

#footer ul li a:hover {

   color:#fff;

   text-decoration:underline;

}

#footer ul li a.active,

#footer ul li a.active:hover {

   color:#fff;

   background:#000;

   font-weight:bold;

}



/*

 * ----------------------------------------------------------------------------

 * NBI Layout/Design styles

 */



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 17px;

	margin: 0;

	padding: 0;

}

h1, h2, h4 {

	text-align: center;

	color: #ffffff;

}

h1 {

	font-size: 2em;

	line-height: 1em;

}

h4 a, h4 a:visited {

	color: #d9dcec;

}

h4 a:hover {

	color: #ffffff;

	text-decoration: none;

}

h2 {

	font-size: 18px;

}

p {

	margin-top: 0px;

	margin-bottom: 20px;

}

.clear_both {

	clear: both;

}

.clear{

	clear:both;

}

.code {

	font-family:"Courier New", Courier, monospace;

}

/*

 * IE fix for additional padding that otherwise get's rendered between list items

 */





#sideBarContentContainer> #sideBar {

	height: auto;

}

/* nav menu styles */

#nav {

	display: block;

	width: 230px;

	margin: 0 auto;

	-webkit-box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.7);

	-moz-box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.7);

	box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.7);

	list-style-type: none;

	padding: 0px 0px;

}

#nav li {

	list-style-type: none;

}

#nav > li > a {

	display: block;

	padding: 16px 18px;

	font-size: 1.3em;

	font-weight: bold;

	color: #d4d4d4;

	text-decoration: none;

	border-bottom: 1px solid #212121;

	background-color: #343434;

 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#343434', endColorstr='#292929');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#343434', endColorstr='#292929')";

	background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#292929));

	background: -webkit-linear-gradient(top, #343434, #292929);

	background: -moz-linear-gradient(top, #343434, #292929);

	background: -ms-linear-gradient(top, #343434, #292929);

	background: -o-linear-gradient(top, #343434, #292929);

	background: linear-gradient(top, #343434, #292929);

}

#nav > li > a:hover, #nav > li > a.open {

	color: #e9e9e9;

	border-bottom-color: #384f76;

	background-color: #6985b5;

 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6985b5', endColorstr='#456397');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6985b5', endColorstr='#456397')";

	background: -webkit-gradient(linear, left top, left bottom, from(#6985b5), to(#456397));

	background: -webkit-linear-gradient(top, #6985b5, #456397);

	background: -moz-linear-gradient(top, #6985b5, #456397);

	background: -ms-linear-gradient(top, #6985b5, #456397);

	background: -o-linear-gradient(top, #6985b5, #456397);

	background: linear-gradient(top, #6985b5, #456397);

}

#nav li ul {

	display: none;

	background: #4a5b78;

}

#nav li ul li a {

	display: block;

	background: none;

	padding: 10px 0px;

	padding-left: 30px;

	font-size: 1.1em;

	text-decoration: none;

	font-weight: bold;

	color: #e3e7f1;

	text-shadow: 1px 1px 0px #000;

}

#nav li ul li a:hover {

	background: #394963;

}

.formError {
	margin:0px auto;
	color:#F00; 
	font-size:12px;
	padding:20px 30px 20px 30px;
	border-bottom:1px solid #ddd;
	background-color:#F8ECE0;
	width:70%;
	visibility:visible;
}

.formErrorInit {
	margin:0px auto;
	color:#F00; 
	font-size:12px;
	border-bottom:1px solid #ddd;
	background-color:#F8ECE0;
	width:70%;
	visibility:hidden;
}



.textboxstyleError {

	border: solid 1px #E5E5E5;

	background: #F8ECE0;

	margin: 5px 30px 0px 30px;

	padding: 9px;

	display:block;

	font-size:14px;

	width:50%;

	background: -webkit-gradient(  linear,  left top,  left 25,  from(#F8ECE0),  color-stop(4%, #F8ECE5),  to(#F8ECE0)  );

	background: -moz-linear-gradient(  top,  #F8ECE0,  #F8ECE5 1px,  #F8ECE5 25px  );

	background: -moz-box-shadow: 0px 0px 8px #f0f0f0;

	background: -webkit-box-shadow: 0px 0px 8px #f0f0f0;

	box-shadow: 0px 0px 8px #f0f0f0;

}



#topError{

	

	font-weight:bold;

	font-size:18px;

	padding:10px;

}



.demo-container {
	box-sizing: border-box;
	width: 850px;
	height: 450px;
	padding: 20px 15px 15px 15px;
	margin: 15px auto 30px auto;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.demo-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}

.legend table {
	border-spacing: 5px;
}

.chartHeader {
	
		font-size:18px;
		font-weight:bold;
		text-align: center;

}