/* =============================================================================

	styles.css
	Author: Brijesh Bhattacharya
	For: School Information System 2.0
	Created: September 13, 2010
	
============================================================================= */

html {}


body {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

/*---------------------------------------------------------------------------------------
            General Styles
---------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

/*---------------------------------------------------------------------------------------
            Main Container
---------------------------------------------------------------------------------------*/

/* page wrapper */
div#appwrap { 
	width: 939px;
	margin: 4px auto 0 auto; 
	background:#fff url(../images/wrap.gif) repeat-y;
	/* -webkit-border-radius: .2em .2em .2em .2em;
	-moz-border-radius: .2em .2em .2em .2em;
	border-radius: .2em .2em .2em .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.2); */
}
/*---------------------------------------------------------------------------------------
       Header
---------------------------------------------------------------------------------------*/

#header-wrap{
	margin: 0 auto 0 auto; 
	width: 939px;
	height: 45px;
	background: url(../images/header.gif) no-repeat;

	/*	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efede0));
	background: -moz-linear-gradient(top,  #ffffff, #eeeeee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	-webkit-border-radius: .4em .4em 0 0; 
	-moz-border-radius: .4em .4em 0 0;
	border-radius: .4em .4em 0 0; border-bottom:1px solid #999999; */
}

div#header-wrap h1 {
	color: #5185c3; font-size:16px; padding:10px 0 0 0; text-transform: capitalize; 
}

#header-wrap .logo, #header-wrap .logo a{margin:4px 10px 0 8px; width:247px; position:absolute; text-decoration:none;}
#header-wrap .logo img{border-style:none;}



#bottom-wrap{
	margin: 0 auto 0 auto;
	width: 939px;
	height: 9px; 
	background: #fff url(../images/bottom.gif) no-repeat;

	/*	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efede0));
	background: -moz-linear-gradient(top,  #ffffff, #eeeeee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	-webkit-border-radius: .4em .4em 0 0; 
	-moz-border-radius: .4em .4em 0 0;
	border-radius: .4em .4em 0 0; border-bottom:1px solid #999999; */
}

/* user-menu (Welcome, Logout) 
 #user-menu {
 	float:right; margin:2px 10px 0 0;
	font: normal 11px Arial, Sans-serif;
	color: #73787a;
 }
  #user-menu p {
	color: #999;
 }
   #user-menu a {
	color: #3081b7; text-decoration:none; 
 }
   #user-menu a:hover {
	color:#000000;text-decoration:underline; 	
 }
  #user-menu a.name {
	color: #3081b7; text-decoration:none; font-weight:bold;	
 }
   #user-menu a.name:hover {
	text-decoration:underline;	
 }
 
 */
 
 
 #user-menu {
 	float:right; margin:2px 10px 0 0;
	font: normal 11px Arial, Sans-serif;
	
 }
  #user-menu span {
	color: #E4F8FB;
 }
   #user-menu a {
	
	color: #E4F8FB;
	text-decoration:none; 
 }
   #user-menu a:hover {
	
	color:gold;
	text-decoration:underline; 	
 }
  
 
/* help icon */
 .user-help { 	
	background: transparent;
    padding:8px 15px 0 0;
 }

.user-help a.more,
.user-help a.more:visited
{
	float:right; visibility:visible;
	clear:both;
	width: 16px;
	height: 16px;
	background: transparent url(../images/help.gif) no-repeat left top;
}
.user-help a.more:hover
{
background-position: 0 -18px;
}
/*---------------------------------------------------------------------------------------
           Navigation
---------------------------------------------------------------------------------------*/

#nav { 
	text-align:center; 
	margin-left:0px;
	width: 100%; height:30px; margin:0;
	
	background: transparent url(../images/navN.gif)  ;
	background-repeat:repeat-x ;
	background-color :
}

#nav li {
	float: left;
	list-style: none ;	
	line-height:25px;
}

#nav ul { 
	float:left; 
	margin-left:5px; 
	padding:2px 0px 0px 4px;
}

#nav li { 
	float:left; 
	list-style-type:none; 
	margin:0px 4px 0px 5px; 
	padding:0px; 
	overflow:hidden; 
	line-height:7px; 
}

#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a { 
	text-decoration:none;
}

#nav ul li.current_page_item a:hover { 
	text-decoration:none;
}

#nav ul li a { 
	font-size:12px; font-weight:bold; text-transform:capitalize;
	text-decoration:none; font-family:Arial, Helvetica, sans-serif;
	display:block;  
	padding:9px 10px 8px 5px; 
	margin:0px 0px 0px 5px;
	color:#deeffc;
}

#nav ul li a:hover { 
	text-decoration:none;
	color:#fff !important;
}

#nav ul li:hover, #nav ul li.hover, #nav ul li.active { 
	background: url(../images/menu_button.jpg) top left no-repeat; 
}

#nav ul li:hover a, #nav ul li.hover a, #nav ul li.active a { 
	 background: url(../images/menu_button.jpg) top right no-repeat; 

}
#nav 
{
    
    padding:0px 0px 0px 0px; 
    }
/*---------------------------------------------------------------------------------------
           Content Section
---------------------------------------------------------------------------------------*/

/* main inner content area + page styles */
div#apppage 
{
    float:none ;
    position:relative ; 
    top :8px;
	width:910px; 
	padding :15px 15px 10px 5px; 
	
	min-height:430px;  
	color:#000; margin:0 auto 0 auto; 
	overflow :auto ;
}

div#apppage 
{
    scrollbar-3dlight-color:#D4D4D;
                scrollbar-arrow-color:black;
                scrollbar-track-color: white;
                scrollbar-darkshadow-color:#D4D4D;
                scrollbar-face-color:#E4E4E4;
                scrollbar-highlight-color:white;
                scrollbar-shadow-color:white;
                scrollbar-base-color: #D4D4D;
}



div#apppage h1 {
	font: bold 16px Arial, Sans-serif;text-transform: capitalize;
	color: #999999;
	padding: 0 0 5px 0; display:block; border-bottom:1px solid #ccc;
	margin-bottom:6px;

}
div#apppage h2 {
	font: bold 0.9em Arial, Sans-serif;
	color: #666666;margin: 15px 0 10px 0;
	padding: 4px 0 2px 0;display:block;	 			
}

div#apppage p{ 
	font-family: arial, sans-serif; font-size: 12px;
	color: #666; 
	padding:4px 0 4px 0; margin:0;
}

#container-search {
	height:580px;
	width: 400px; padding:5px 5px 10px 5px; 
	/*background-color :yellow;*/
}


#container-borough { 
	margin: 0; padding:5px 5px 0 5px;  width:350px;
	float:right;
}
#container-addschool { 
	margin: 0; padding:5px 5px 10px 5px;  width:350px;
	float:right; 
}
/*---------------------------------------------------------------------------------------
           Search School Box style
---------------------------------------------------------------------------------------*/
/*
.columnform1 {width:100%; margin:0;  height:100%;   font: 12px Arial, Helvetica, sans-serif;}

.columnform1 h3.first {font-size: 1em;  
                      
                     
                        background: url("../images/search-head.gif") no-repeat; 
padding: 9px 10px 0 10px; border: solid 0px ; color:#787d83;}
*/
.columnform h3
{
     border :solid 1px #ccc; 
     border-top : 0px;
     height : 22px; 
     padding-bottom:0; 
     marker-offset :0px; 
     margin : 0px;
     font-size: 1.3em; 
     color:#787d83;
     padding-left :5px;
     border-bottom :0;
     padding-top :4px;
      background: url("../images/search-head2.gif")  repeat;


    
    }
/*
.columnform h3.second, .columnform h3.first {
                                             font-size: 1em; 
                                            
                                             background: url("../images/1search-head1.gif") no-repeat; 
padding: 0px 0px 0 10px;  color:#787d83;
 width :100%; 
}*/

.form_node_head_search { padding: 0px; overflow:auto ; border: 1px solid #ccc; border-top: 1; background: #eff4fd}
              
.form_node { padding: 0px; overflow:auto ;    border: 1px solid #ccc; border-top: 1; 
              padding-bottom :8px;}
/*---------------------------------------------------------------------------------------
           Tab Pages
---------------------------------------------------------------------------------------*/

#school-container {
	 height:100%; margin:0px auto 3px auto;
	width: 1290px; padding:5px;
	-webkit-border-radius: .4em .4em .4em .4em;
	-moz-border-radius: .4em .4em .4em .4em;
	border-radius: .4em .4em .4em .4em;
	 border:1px solid #9fa9b8; background: #eff4fd;

}

.school-container-print {
	 height:40px; float:right; margin: 20px 10px 0 0;
	width: 180px; padding:5px; 
	font: bold 11px Arial, Sans-serif;}

/* OUS style. */
.OddRowColor{background-color:white; border-bottom:1px solid #ccc}
.EvenRowColor{background-color:#eff4fd; border-bottom:1px solid #ccc}
.data {color:#3366FF;}
/*---------------------------------------------------------------------------------------
            Table Style - School Information Box
---------------------------------------------------------------------------------------*/
#schinfo table {margin:4px 0 4px 0; border-collapse:collapse; font: normal 12px arial;
}
#schinfo table.width100 {width:100%;}

#schinfo table th.bghead {background: url(../graphics/table-bg.gif) repeat-x center center;}
#schinfo table.center {margin:0 auto 0 auto;}
#schinfo table.right { float:right;}
#schinfo table th, #schinfo table td {padding:4px 4px;}
#schinfo table th {text-align:left; vertical-align:middle;  font-weight:bold;}
#schinfo table th.right {text-align:right; color:#999;}
#schinfo table th.info {text-align:right; color:#666;}
#schinfo table td.right {text-align:right;}
#schinfo table td.btn {padding:0; margin:0;text-align:right}
#schinfo table td.data {color:#3366FF;}
#schinfo table td.center {text-align:center; margin:0 auto 0 auto;}
#schinfo table td.loginreqd {color:#ce0a0a; font-weight:bold; font-size:150%; width:20px;}


/*---------------------------------------------------------------------------------------
            Table Style - School Information Box
---------------------------------------------------------------------------------------*/
.css-panes table {margin:0px 0 0px 0; border-collapse:collapse;
}
.css-panes table.width100 {width:100%;}
.css-panes table.oneborder {border:1px solid #cccccc;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2)); background: -moz-linear-gradient(top,  #ffffff, #f2f2f2); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');font: normal 12px Arial; color:#666666;}

.css-panes table.evenborder {border:1px solid #cccccc;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eff4fd)); background: -moz-linear-gradient(top,  #ffffff, #eff4fd); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eff4fd');font: normal 12px Arial; color:#666666;}
.css-panes table.oddborder {border:1px solid #cccccc;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); background: -moz-linear-gradient(top,  #ffffff, #ffffff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');font: normal 12px Arial; color:#666666;}





.css-panes table.oneborder td, .css-panes table.staffing td {padding:8px 8px;}

.css-panes table.staffing {border:1px solid #cccccc;background:#ffffff;}

.css-panes table.boxed {border:1px solid #999; 
color:#666;font: normal 12px Arial;}

.css-panes table.boxed th {
border-right:1px solid #999;border-bottom:1px solid #777; font: bold 13px arial;  padding:4px 4px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
background: -moz-linear-gradient(top,  #ffffff, #e1e2e2);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
}
.css-panes table.boxed td {border:1px solid #a3a3a3; background:#fff; padding:2px 2px;}

table.responsibility 
{
    border:1px solid #999; 
color:#666;font: normal 12px Arial;
}

 table.responsibility th {
border-bottom:1px solid #777; font: bold 12px arial;  padding:3px 3px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
background: -moz-linear-gradient(top,  #ffffff, #e1e2e2);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
}
.css-panes table.responsibility td {border:0px solid #a3a3a3; background:#fff; padding:2px 2px;}
.css-panes table.responsibility td.info  {text-align:right; color:#000;}

.css-panes table.responsibility tr.btm {border-top:1px solid #ccc;}


.css-panes table.feedtype {border:1px solid #999; 
color:#666;font: normal 12px Arial;}

.css-panes table.feedtype th {
border-bottom:1px solid #777;font: bold 12px arial;  padding:3px 3px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
background: -moz-linear-gradient(top,  #ffffff, #e1e2e2);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
}
.css-panes table.feedtype td {border:0px solid #a3a3a3; background:#fff; padding:2px 2px;}
.css-panes table.finance {border:1px solid #cccccc;background:#ffffff;}

.css-panes table.center {margin:0 auto 0 auto;}
.css-panes table.right { float:right;}
.css-panes table th, .css-panes table td {padding:4px 4px;}
.css-panes table th {text-align:left; vertical-align:middle;  font: normal 12px Arial, Helvetica, sans-serif;}
.css-panes table th.right {text-align:right; color:#999;}
.css-panes table th.info {text-align:right; color:#000;}
.css-panes table tr.feeder {background:#f2f2f2; border:1px solid #cccccc; }
.css-panes table tr.address {background:#fff; border:1px solid #cccccc; }
.css-panes table tr.emailbg {background:#eee;}
.css-panes table tr.italics {font-style:italic; font-weight:bold; color:#738bae;}
.css-panes table td.italics {font-style:italic; font-weight:bold; color:#738bae;}
.css-panes table td span.extra-msg {font-style:italic; font-weight:bold; color:#738bae;}
.css-panes table td.right {text-align:right;}
.css-panes table td a {text-decoration:underline; color:#0066FF;}
.css-panes table td a:hover{color:#000000;}
.css-panes table td.pos {font-weight:bold; 
                          border:1px solid #fdd845;background-color:#fff6bf;}
.css-panes table td.btn {padding:0; margin:0;}
.css-panes table td.center {text-align:center; margin:0 auto 0 auto;}
.css-panes table td.loginreqd {color:#ce0a0a; font-weight:bold; font-size:150%; width:20px;}

img.thumb-space {padding-right:5px; float:left;}
.emails {color:#CC3333;}


/*---------------------------------------------------------------------------------------
				Search Results Page
---------------------------------------------------------------------------------------*/
#apppage table.result {width:100%;font: normal 12px Arial, Helvetica, sans-serif;}
#apppage table td.goback {float:right; width:150px;}
.records {color:#CC3333; font-weight:bold;}


#gridbox table {margin:5px auto 5px auto; border-collapse:collapse; font: normal 12px Arial;}
#gridbox table.width100 {width:100%;}
#gridbox table.center {margin:0 auto 0 auto;}
#gridbox table th{padding:5px 5px;}
#gridbox table td {padding:4px 4px;}
#gridbox table {border:1px solid #999;  }
#gridbox table th {
border-right:1px solid #666; text-align:left;
color:#666;font: bold 12px Arial;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
background: -moz-linear-gradient(top,  #ffffff, #e1e2e2);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
border: solid 1px #a3a3a3; }
#gridbox table td {border:1px solid #a3a3a3;}
#gridbox table td.center{margin:0 auto 0 auto; text-align:center;}
#gridbox table th.actions {text-align:center; width:96px;}
#gridbox table th.lcgms {text-align:center; width:60px;}
#gridbox table tr.bg td {background: url(images/table-bg.gif) repeat-x center center;}
/*---------------------------------------------------------------------------------------
              print Button Tweeks
---------------------------------------------------------------------------------------*/
.print-icon {background:url(../images/ico-print.gif) no-repeat right center;color: #666666;
	border: solid 1px #aeb9c1;}
.print-icon:hover {background:url(../images/ico-print-ho.gif) no-repeat right center;color: #666666;
	border: solid 1px #86a2b7;}

.icon-spacing{ padding-right:33px;}

div#headsearchcontainer {
	width:1300px; padding:5px; 
	/*overflow:auto; */
	color:#000; margin:0px auto 0px auto; 
}

div#tab-container {
	width:1300px; padding:0px; overflow:auto; 
	color:#000; margin:0px auto 10px auto; 
}
/*----------------------------------------------------------------------------------------------------------
Form Elements - School Information Box
---------------------------------------------------------------------------------------------------------- */

input.textbox {
	color:#333333;
	margin:0;
	padding:2px 2px 2px 5px; 
	border:1px solid #999; background:#fff;

			}	
							

/*---------------------------------------------------------------------------------------
           Mapping
---------------------------------------------------------------------------------------*/


.fas_txt {
	position:absolute;
	width:340px;
	z-index:10;
}
.fas_txt ul {
	list-style-type:none;
}
.fas_txt li {
	margin:10px 0 0 20px;
}
.fas_txt li a {
	margin:10px 0; color:#3399FF;
}
.fas_txt li a:hover {
	color:#000;
}
.fas_map {
	position:relative;
	z-index:1;
	width:auto;
	text-align:right;

}




/*---------------------------------------------------------------------------------------
              Invoice Top right Links
---------------------------------------------------------------------------------------*/

.link-box {
	float:right;
	height:20px; display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
	background: -moz-linear-gradient(top,  #ffffff, #e1e2e2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
	border: solid 1px #a3a3a3; 
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
}
.link-box li {
	color: #999;  font:bold 11px arial; display:inline; line-height:20px;
}


.link-box a {
	color: #999;  padding:0 10px 0 10px; font:bold 11px arial; border-right:1px solid #ccc; text-decoration:none;
}
.link-box a:hover, .link-box a.hover{
	color: #666666;
}

.link-box a.last{border-style:none;}


/*---------------------------------------------------------------------------------------
             Login Page
---------------------------------------------------------------------------------------*/
#loginbox{
	margin: 60px auto 0 auto;
	width: 372px; /* - padding */
	height: 217px; /* - padding */
	background:#fff url(../images/login.gif) repeat-x center center; 
/*	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f6f8));
	background: -moz-linear-gradient(top,  #ffffff, #f1f6f8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f6f8');
	border: solid 1px #ccc;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
}
#signin{
	margin: 10px auto 0 auto;
	width: 372px; /* - padding */
	height: 217px; /* - padding */
	background:#fff url(../images/login.gif) repeat-x center center; 
/*	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f6f8));
	background: -moz-linear-gradient(top,  #ffffff, #f1f6f8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f6f8');
	border: solid 1px #ccc;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
}

.login-error { height:30px; padding:10px 9px 2px 10px;position:relative; margin:5px 0 0 0;}

.message-box { height:25px; padding:5px;position:relative; margin:5px;}
/*---------------------------------------------------------------------------------------
            Table Style - Regular without border
---------------------------------------------------------------------------------------*/


#normal table {margin:4px 0 4px 0; border-collapse:collapse; font: normal 12px arial;
}
#normal table.width100 {width:100%;}

#normal table th.bghead {background: url(../graphics/table-bg.gif) repeat-x center center;}
#normal table.center {margin:0 auto 0 auto;}
#normal table.right { float:right;}
#normal table th, #normal table td {padding:10px 10px;}
#normal table th {text-align:left; vertical-align:middle;  font-weight:bold;}
#normal table th.right {text-align:right; color:#999;}
#normal table th.info {text-align:right; color:#666;}
#normal table td.right {text-align:right;}
#normal table td.btn {padding:0; margin:0;}
#normal table td.center {text-align:center; margin:0 auto 0 auto;}
#normal table td.loginreqd {color:#ce0a0a; font-weight:bold; font-size:150%; width:20px;}


#normal1 table {margin:4px 0 4px 0; border-collapse:collapse; font: normal 12px arial;
}
#normal1 table.width100 {width:100%;}

#normal1 table th.bghead {background: url(../graphics/table-bg.gif) repeat-x center center;}
#normal1 table.center {margin:0 auto 0 auto;}
#normal1 table.right { float:right;}
#normal1 table th {padding:10px 10px;}
#normal1 table th {text-align:left; vertical-align:middle;  font-weight:bold;}
#normal1 table th.right {text-align:right; color:#999;}
#normal1 table th.info {text-align:right; color:#666;}
#normal1 table td.right {text-align:right;}
#normal1 table td.btn {padding:0; margin:0;}
#normal1 table td.center {text-align:center; margin:0 auto 0 auto;}
#normal1 table td.loginreqd {color:#ce0a0a; font-weight:bold; font-size:150%; width:20px;}





/*---------------------------------------------------------------------------------------
            Table Style - Regular without border
---------------------------------------------------------------------------------------*/
#loginbox table, #signin table {margin:0px 0 10px 0; border-collapse:collapse; font: normal 12px arial;
}
#loginbox table.width100, #signin table.width100 {width:100%;}

#loginbox table.center, #signin table.center {margin:10px auto 0 auto;}
#loginbox table.right, #signin table.right { float:right;}
#loginbox table th, #loginbox table td ,#signin table th, #signin table td{padding:8px 8px;}
#loginbox table th,#signin table th {text-align:left; vertical-align:middle;  font-weight:bold;}

#loginbox table th.right,#signin table th.right {text-align:right; color:#666666;}
#loginbox table td.right,#signin table td.right {text-align:right;}
#loginbox table td.rem,#signin table td.rem {color:#999999;}
#loginbox table td.center, #signin table td.center {text-align:center; margin:0 auto 0 auto;}
#loginbox table td.loginreqd,#signin table td.loginreqd {color:#f86b34; font-weight:bold; font-size:150%; width:20px;}


	
/*---------------------------------------------------------------------------------------
          Information
---------------------------------------------------------------------------------------*/
 .msg {padding:5px; width:94%;  padding-left:30px; font-weight:bold;
	 overflow:auto; 
	 margin:5px auto 5px auto; 
}








/*Info */
 .msg.information {background:url("../images/info.gif") 5px 50% no-repeat;}
 .msg.information {border:1px solid #a0cbf6;background-color:#e0eef9; color:#666;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }

/*success */
 .msg.success {background:url("../images/ico-success.gif") 5px 50% no-repeat;}
 .msg.success {border:1px solid #98c970;background-color:#defcc5; color:#666;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }
	
	/*alert */
 .msg.alert {background:url("../images/ico-alert1.gif") 5px 50% no-repeat;}
 .msg.alert {border:1px solid #f5da67;background-color:#ffffcc; color:#666;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }
		

/*---------------------------------------------------------------------------------------
           .NET Image Button Control
---------------------------------------------------------------------------------------*/
a.imgbuttonsearch {
        font: bold 14px aerial;
        text-align:center;
        width:95%;
        color:white;
        margin: 0;
        background-color:#81B44E;
}


a.imgbutton {
background: transparent url('../images/but-a.gif') no-repeat scroll top right; display:inline-block;
float: left;
text-align:center;
font: bold 12px arial, sans-serif;
height: 22px;
margin: 2px;
padding-right: 6px; /* sliding doors padding */
text-decoration: none;
}

a.imgbutton span {

background: transparent url('../images/span-but.gif') no-repeat;
display: block;
line-height: 13px;
padding: 4px 3px 5px 10px;
} 

a.imgbutton:link, a.imgbutton:visited{
color:#666;
text-decoration:none;
}
a.imgbutton:hover{
color:#666; background-position: bottom right;
}

a.imgbutton:hover span{ /* Hover state CSS */
background-position: bottom left;
color: #666;
}
/*---------------------------------------------------------------------------------------
            Image Button alignment
---------------------------------------------------------------------------------------*/
.imgbutton-center {margin:0 auto 0 auto;}

.imgbutton-right {float:right;}
.imgbutton-left {float:left;}

/*----------------------------------------------------------------------------------------------------------
Buttons
---------------------------------------------------------------------------------------------------------- */
/* standard common button styles */
.button{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.medium {
	font-size: 12px;
	padding: .2em 1.1em .22em;
}
.small {
	font-size: 12px;
	padding: .2em 1em .225em;
}
/* color - white */
.white {
	color: #666;
	border: solid 1px #9d9d9d;
	background:url(../images/butbg.gif) repeat-x center left; 
}
.white:hover {
	background:url(../images/butbg1.gif) repeat-x center left; 
	border: solid 1px #888888;color: #666666;
}

.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6ebee), to(#fff));
	background: -moz-linear-gradient(top,  #e6ebee,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ebee', endColorstr='#ffffff');
}
.icon-right{ padding-right:34px;}
/*----------------------------------------------------------------------------------------------------------
Form Elements
---------------------------------------------------------------------------------------------------------- */



input.file, textarea.textarea, select.select{
	color:#333;
	margin:0;
}
textarea.textarea, select.select{
	border-top:1px solid #636363;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #d3d3d3;
}

input.checkbox, input.radio{
	display:block;
	width:16px;
	height:15px; display:inline; 
	background:#eeeeee;
}

input.text {
	color:#333333;
	margin:0;
	padding:2px 2px 2px 5px; 
	border:1px solid #999; 
	background:#fff; 

			}	


input.text.long {
	
width:250px;
			}	



							
input.blur {
				color: #999;
			}
input.text:focus, input.text:active
{
	border-top:1px solid #636363;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #d3d3d3;
	background:#ffffcc;
}
			
		
input.fix {
	width:166px;
			}



/*---------------------------------------------------------------------------------------
            Tabs
---------------------------------------------------------------------------------------*/

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #9fa9b8;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:12px; 
	display:block;
	padding:5px 15px;	
	text-decoration:none;
	border:1px solid #9fa9b8; font-weight:bold;	
	border-bottom:0px;
	height:16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d0dbec));
	background: -moz-linear-gradient(top,  #ffffff, #d0dbec);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d0dbec');
	color:#777;
	margin-right:2px;
	position:relative;
	top:3px;	
	outline:0;color:#727f96;
	-moz-border-radius:4px 4px 0 0;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	border-bottom:1px solid #fafbfe;	
	color:#000; background:none;
	cursor:default;
	background: -webkit-gradient(linear, left top, left bottom, from(#fafbfe), to(#fafbfe));
	background: -moz-linear-gradient(top,  #fafbfe, #fafbfe);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafbfe', endColorstr='#fafbfe');
}

	
/* tab pane 
.css-panes div {
	display:none;  font: normal 12px arial;
	border:1px solid #9fa9b8;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#fafbfe;	
}

*/


/* Modal Window Styles Start */

	.modal {
		display:none;
		width:460px; height:290px; position:absolute; 
		margin:0 0 15px 0; padding-bottom:10px;
	border:5px solid #999999;background: #fff;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;font-family: arial, Helvetica, sans-serif;font-size: 12px;
	}
	
	.modal h2 {
		margin:5px; color:#999999;
		padding:5px 0 5px 35px;
		border-bottom:1px solid #ccc;
		font-size:16px;
	}
	
.closebtn { float:right; cursor:pointer; padding:10px;}
/* Modal Window Styles End */

.notification 			{ border: 1px solid #666666; border-radius: 3px; display: block; margin-bottom: 15px; overflow: hidden; padding: 9px 0px 4px 0px; position: relative; z-index: 1; zoom: 1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.notification a.close		{ display: block; width: 11px; height: 11px;  background: url('../images/ico_close_off.png') top left no-repeat; font-size: 0%; text-indent: -9999px; position: absolute; top: 3px; right: 3px; }
.notification a.close:hover	{ background: url('../images/ico_close_ovr.png') top left no-repeat; }
.notification p			{ color: #333333; line-height: 16px; padding: 0px 25px 5px 42px !important;}