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

	styles.css
	Author: Brijesh Bhattacharya
	For: Form Ordering System
	Created: 03-23-2010

	Description: These styles are specifically made for the application(Forms Ordering System) 
	and do not include styles for DOE header & Footer.
	

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

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

/*---------------------------------------------------------------------------------------
            General Styles
---------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border */
}

.clear {
	clear:both;
}
/*---------------------------------------------------------------------------------------
            Main Container
---------------------------------------------------------------------------------------*/

/* page wrapper */
div#appwrap {
	width: 939px;
	
	background: url(../images/wrap.gif) repeat-y left top;
	margin: 90px auto 0 auto;
	text-align: left;
}

/*---------------------------------------------------------------------------------------
            Header
---------------------------------------------------------------------------------------*/

/* header */
#appheader {
	position: relative;
	width: 939px;
	height: 45px;
	background: #fff url(../images/header.gif) no-repeat;	
	color: #fff;	
}
#appheader .applogo{margin:7px 5px 0 20px; width:386px; position:absolute;}
#appheader .applogo img{border-style:none;}


/* user-menu (Welcome, Logout) */
 #user-menu {
 	float:right;
	padding: 4px 10px 0 0;
	background: transparent;
	font: normal 12px Arial, Sans-serif;
	color: #73787a;
 }
  #user-menu p {
	color: #73787a;
 }
   #user-menu a {
	color: #73787a; text-decoration:none; font-weight:bold;
	
 }
   #user-menu a:hover {
	text-decoration:underline;	
 }
  #user-menu a.name {
	color: #0076b4; text-decoration:none; font-weight:bold;	
 }
   #user-menu a.name:hover {
	text-decoration:underline;	
 }
 
 
/* help icon */
 #user-help { 	
	background: transparent;
    padding:12px 15px 0 0;
 }

#user-help a.more,
#user-help a.more:visited
{
	float:right;
	clear:both;
	width: 24px;
	height: 23px;
	background: transparent url(../images/help1.gif) no-repeat left bottom;
}
#user-help a.more:hover
{
background-image: url(../images/help.gif);
}
#user-help { 	
	background: transparent;
    padding:12px 15px 0 0;
 }

.user-helpAdmin a.more,
.user-helpAdmin a.more:visited
{
	float:right;
	clear:both;
	width: 24px;
	height: 23px;
	background: transparent url(../images/help1.gif) no-repeat left bottom;
}
.user-helpAdmin a.more:hover
{
background-image: url(../images/help.gif);
}


/* icons -View */
a.view,
a.view:visited
{
	clear:both; float:left;
	width: 16px;
	height: 16px;
	background: transparent url(../images/ico-view1.gif) no-repeat left bottom;
}
a.view:hover
{
background-image: url(../images/ico-view.gif);
}
/*---------------------------------------------------------------------------------------
           Navigation
---------------------------------------------------------------------------------------*/
/* Navigation bar */
#main-nav {
	clear: both;	
	width: 935px; margin:0 auto 0 auto;
	height: 45px;
	background: #ffffff url(../images/nav.gif) repeat-x; 
}

/* Navigation menu Items*/
.solidblockmenu{
margin: 1px 0 0 0;
padding: 0;
float: left; width:100%;
font: bold 12px Arial, Sans-serif;
overflow: hidden;
border-top: 1px solid #85abf9;
border-width: 1px 0;
background: transparent;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #eee;
padding: 6px 8px 9px 8px;
text-decoration: none;
background: url(../images/div.gif) no-repeat right top; 
border-right: 1px solid #1769a9;
}


.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #000000; 
background: transparent url(../images/blockactive.gif) center center repeat-x;
border-right: 1px solid #072f70;
}

.solidblockmenu add.li {list-style: none;
  background: url(bullet.gif) no-repeat left center ;}

 /*---------------------------------------------------------------------------------------
           Content section
---------------------------------------------------------------------------------------*/
div#apppop {
	width:560px; margin:0 auto 5px auto; 
	color:#000;	

}

div#pop-maindiv {
	width:900px;
	border:1px solid blue;
	height: auto;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding:7px;
}
div#apppop-pop {
	width:560px;
	color:#000;
	height: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
div#apppop h2 {
	font: bold 1.0em Arial, Sans-serif;
	color: #000; display:block; margin:4px 0 4px 0; border-bottom:1px solid #000000;	 			
}
/* main inner content area + page styles */
div#apppage {
	width:900px; margin:0 auto 5px auto; 
	color:#000; z-index:1; position:relative; 
}
div#apppage h1 {
	font: bold 12px Arial, Sans-serif; text-transform:capitalize;
	color: #1c5492; margin:4px 0 4px 0; padding:0 0 15px 0;
	display:block; background:#fff;
	background: url(../images/h1bg.gif) no-repeat bottom left; 
}
div#apppage h2 {
	font: bold 1.0em Arial, Sans-serif;
	color: #444; 
	padding: 15px 0 5px 0;display:block;	 			
}

div#apppage h3 {
	font: bold 1.1em Arial, Sans-serif;
	color: #fff;  			
}

div#apppage h4 {
	font: bold 1.1em Arial, Sans-serif;
	color: #73b5ff; margin:10px 0 10px 0;			
}

div#apppage p { 
	font-family: arial, Helvetica, sans-serif;font-size: 8pt;
	color: #000; 
	padding:4px 0 4px 0; margin:0;
}
div#apppage ul li.list {
	margin:0 0 4px 10px; font-size:1.4em;
}

 /*---------------------------------------------------------------------------------------
           Footer
---------------------------------------------------------------------------------------*/
/* footer styles */
div.appfooter {
	clear: both;
	width: 939px;
	margin-top: 0;
	padding: 10px 0 5px 0;
	background: #fff url(../images/footer-bottom.gif) no-repeat left top;			
	
}

/*---------------------------------------------------------------------------------------
           Alert Message
---------------------------------------------------------------------------------------*/
#apppage .msg {padding:14px; padding-left:45px;}
#apppage .msg.warning {background:url("../images/ico-warning.gif") 10px 50% no-repeat;}
#apppage .msg.warning {border:1px solid #fdd845; background-color:#fff6bf;}
#apppage .msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}

#apppage .msg {padding:14px; padding-left:45px;}
#apppage .msg.info {background:url("../images/info.gif") 10px 50% no-repeat;}
#apppage .msg.info {border:1px solid #3f7fd5; background-color:#eef4fd;}
#apppage .msg.info a {color:#000000; font-weight:bold;} .msg.info a:hover, .msg.info a:active, .msg.info a:focus {color:#303030;}

#apppage .msg.success {background:url("../images/ico-success.gif") 10px 50% no-repeat;}
#apppage .msg.success {border:1px solid #35ac4a; background-color:#e5ffbf;}
#apppage .msg.success a {color:#df0000;} .msg.success a:hover, .msg.success a:active, .msg.success a:focus {color:#303030;}

#apppage .msg.norecord {background:url("../images/ico-norecord.gif") 10px 50% no-repeat;}
#apppage .msg.norecord {border:1px solid #b50043; background-color:#ffdce9;}
#apppage .msg.norecord a {color:#df0000;} .msg.norecord a:hover, .msg.norecord a:active, .msg.norecord a:focus {color:#303030;}


/*---------------------------------------------------------------------------------------
           Alert Message - Pop-up windows
---------------------------------------------------------------------------------------*/
#apppop-pop .msg {padding:14px; padding-left:45px;}
#apppop-pop .msg.warning {background:url("../images/ico-warning.gif") 10px 50% no-repeat;}
#apppop-pop .msg.warning {border:1px solid #fdd845; background-color:#fff6bf;}
#apppop-pop .msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}

#apppop-pop .msg {padding:14px; padding-left:45px;}
#apppop-pop .msg.info {background:url("../images/info.gif") 10px 50% no-repeat;}
#apppop-pop .msg.info {border:1px solid #3f7fd5; background-color:#eef4fd;}
#apppop-pop .msg.info a {color:#000000; font-weight:bold;} .msg.info a:hover, .msg.info a:active, .msg.info a:focus {color:#303030;}

#apppop-pop .msg.success {background:url("../images/ico-success.gif") 10px 50% no-repeat;}
#apppop-pop .msg.success {border:1px solid #35ac4a; background-color:#e5ffbf;}
#apppop-pop .msg.success a {color:#df0000;} .msg.success a:hover, .msg.success a:active, .msg.success a:focus {color:#303030;}

#apppop-pop .msg.norecord {background:url("../images/ico-norecord.gif") 10px 50% no-repeat;}
#apppop-pop .msg.norecord {border:1px solid #b50043; background-color:#ffdce9;}
#apppop-pop .msg.norecord a {color:#df0000;} .msg.norecord a:hover, .msg.norecord a:active, .msg.norecord a:focus {color:#303030;}

/*---------------------------------------------------------------------------------------
            Table Style - Boxed
---------------------------------------------------------------------------------------*/


#boxed table {
	border-collapse:collapse;
	font: normal 12px arial;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.center {margin:0 auto 0 auto;}

#boxed table.width100 {width:100%;}
#boxed table.width100tr.hover {background:#ccc;}
#boxed table.noborder {border-color:#ffffff;}
#boxed table.center {margin:0 auto 0 auto;}
#boxed table th, #boxed table td {padding:5px 5px;}
#boxed table th {font-weight:bold; height:20px; }
#boxed table a:hover{ color:#000000;}
#boxed table {border:1px solid #4075ab;  }
#boxed table th {border-right:1px solid #5085bb; color:#fff;font: bold 11px Arial; background: url(../images/table-headbg.gif) repeat-x center center;}
#boxed table td {border:1px solid #cfcfcf;}
#boxed table tr.bg td {background: url(../images/table-bg.gif) repeat-x center center;}
#boxed table td.right {text-align:right;}
#boxed table td.center {text-align:center;}
#boxed table th.center {text-align:center;}

#boxed table tr.over td {background: #ffffcc; color:#0033FF;}
.bright { float:right;
	width: 12px;
}
.buttonwrap { margin:0 auto 0 auto; width:200px;}
.altgrid {background: url(../images/altbg.gif) repeat-x center center; border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;}



/*---------------------------------------------------------------------------------------
            Table Style - Boxed-n (for narow)
---------------------------------------------------------------------------------------*/

#boxed-n  {
	border-collapse:collapse;
	width: 775px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#boxed-n table {
	border-collapse:collapse;
	font: normal 12px arial;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.center {margin:0 auto 0 auto;}

#boxed-n table.width100 {width:100%;}
#boxed-n table.width100tr.hover {background:#ccc;}
#boxed-n table.noborder {border-color:#ffffff;}
#boxed-n table.center {margin:0 auto 0 auto;}
#boxed-n table th, #boxed table td {padding:5px 5px;}
#boxed-n table th {font-weight:bold; height:20px;}
#boxed-n table a:hover{ color:#000000;}
#boxed-n table {border:1px solid #4075ab;  }
#boxed-n table th {border-right:1px solid #5085bb; color:#fff;font: bold 11px Arial; background: url(../images/table-headbg.gif) repeat-x center center;}
#boxed-n table td {border:1px solid #cfcfcf;}
#boxed-n table tr.bg td {background: url(../images/table-bg.gif) repeat-x center center;}
#boxed-n table td.right {text-align:right;}
#boxed-n table td.center {text-align:center;}
#boxed-n table th.center {text-align:center;}

#boxed-n table tr.over td {background: #ffffcc; color:#0033FF;}
.bright { float:right;
	width: 12px;
}
.buttonwrap { margin:0 auto 0 auto; width:200px;}
.altgrid {background: url(../images/altbg.gif) repeat-x center center; border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;}


/*---------------------------------------------------------------------------------------
            Table Style - Revised without the apppage div Regular without border
---------------------------------------------------------------------------------------*/
table {margin:10px 0 10px 0; border-collapse:collapse; font: normal 12px arial;
}
table.width100 {width:100%;}
table.logintable {width:334px;}
table.popup {width:100%; border:1px solid #000000; width:600px;}
table td.pop-highlight{ font-weight:bold; color:#0136e8;}

table.dateblock {border:1px solid #000000; background:#fff;margin:0px 0 5px 0;}
table.dateblock td {padding:5px 5px;}
table th.bghead {background: url(../images/table-bg.gif) repeat-x center center;}
table.center-1 {margin:0 30 0 30;}
table.right { float:right;}
table th, #apppage table td {padding:2px 2px;}
table th {text-align:center; vertical-align:middle;  font-weight:bold;}
table a:hover{ color:#000000;}
table th.right {text-align:right;}
table td.right {text-align:right;}
table td.reqd {color:#c90000; font-weight:bold; font-size:90%;}
table td.loginreqd {color:#c90000; font-weight:bold; font-size:90%; width:30px;}
table td.center {text-align:center; margin:0 auto 0 auto;}
table td.red {color:#c90000;}
table th.icons { width:20px;}
table td.showdates { font-weight:bold; color:#c40000;}
table th.serial { width:40px;}
.small { font-size:80%; text-align:right; color:#999999; display:block;}
.required { font-size:90%; color:#c90000; font-weight:bold; display:block;
             border:1px solid #b84591; background:#f4e9f6; padding:4px;}
             
             
 #apppage table.status {width:800px; margin:10px auto 10px auto;}  
 
  
 /*---------------------------------------------------------------------------------------
            Table Style - Regular without border
---------------------------------------------------------------------------------------*/
#apppage table {margin:10px 0 10px 0; border-collapse:collapse; font: normal 12px arial;
}
#apppage table.width100 {width:100%;}
#apppage table.logintable {width:334px;}
#apppage table.popup {width:100%; border:1px solid #000000; width:600px;}
#apppage table td.pop-highlight{ font-weight:bold; color:#0136e8;}

#apppage table.dateblock {border:1px solid #000000; background:#fff;margin:0px 0 5px 0;}
#apppage table.dateblock td {padding:5px 5px;}
#apppage table th.bghead {background: url(../images/table-bg.gif) repeat-x center center;}
#apppage table.center {margin:0 auto 0 auto;}
#apppage table.right { float:right;}
#apppage table th, #apppage table td {padding:2px 2px;}
#apppage table th {text-align:center; vertical-align:middle;  font-weight:bold;}
#apppage table a:hover{ color:#000000;}
#apppage table th.right {text-align:right;}
#apppage table td.right {text-align:right;}
#apppage table td.reqd {color:#c90000; font-weight:bold; font-size:90%;}
#apppage table td.loginreqd {color:#c90000; font-weight:bold; font-size:90%; width:30px;}
#apppage table td.center {text-align:center; margin:0 auto 0 auto;}
#apppage table td.red {color:#c90000;}
#apppage table th.icons { width:20px;}
#apppage table td.showdates { font-weight:bold; color:#c40000;}
#apppage table th.serial { width:40px;}
.small { font-size:80%; text-align:right; color:#999999; display:block;}
.required { font-size:90%; color:#c90000; font-weight:bold; display:block;
             border:1px solid #b84591; background:#f4e9f6; padding:4px;}
             
             
 #apppage table.status {width:800px; margin:10px auto 10px auto;}  
 
 /*---------------------------------------------------------------------------------------
            Table Style - pop up
---------------------------------------------------------------------------------------*/
#apppop table {margin:10px 0 10px 0; border-collapse:collapse; font: normal 12px arial;
}
#apppop table.width100 {width:100%;}
#apppop table.popup {width:100%; border:1px solid #000000; width:600px;}
#apppop table td.pop-highlight{ font-weight:bold; color:#0136e8;}

#apppop table.dateblock {border:1px solid #000000; background:#fffccc;margin:0px 0 5px 0;}
#apppop table.dateblock td {padding:5px 5px;}

#apppop table.center {margin:0 auto 0 auto;}
#apppop table.right { float:right;}
#apppop table th, #apppop table td {padding:2px 2px;}
#apppop table th {text-align:left; vertical-align:middle;  font-weight:bold;}
#apppop table a:hover{ color:#000000;}
#apppop table th.right {text-align:right;}
#apppop table td.right {text-align:right;}
#apppop table td.reqd {color:#c90000; font-weight:bold; font-size:90%;}
#apppop table td.center {text-align:center; margin:0 auto 0 auto;}
#apppop table td.red {color:#c90000;}
#apppop table th.icons { width:20px;}
#apppop table td.showdates { font-weight:bold; color:#c40000;}
#apppop table th.serial { width:40px;}
.small { font-size:80%; text-align:right; color:#999999; display:block;}
.required { font-size:90%; color:#c90000; font-weight:bold; display:block;
             border:1px solid #b84591; background:#f4e9f6; padding:4px;}
             
             
 #apppop table.status {width:800px; margin:10px auto 10px auto;}            
/*---------------------------------------------------------------------------------------
            Table Style - Approved Orders
---------------------------------------------------------------------------------------*/
#apppage table.approved {margin:0 auto 0 auto; width:125px; 
                         border-collapse:collapse; 
                         background:#c4e5b5; border:1px solid #508f33;}
#apppage table tr.approved {vertical-align:middle;  
                            background:#508f33;}
#apppage table td.approved {vertical-align:middle; text-align:center;
                         font: bold 2.0em Arial, Sans-serif;
                            color:#000; height:50px;}
                            
/*---------------------------------------------------------------------------------------
            Table Style - Pending Orders
---------------------------------------------------------------------------------------*/
#apppage table.pending {margin:0 auto 0 auto; width:125px; 
                         border-collapse:collapse; 
                         background:#ffcb91; border:1px solid #eb7c00;}
#apppage table tr.pending {vertical-align:middle;  
                            background:#eb7c00;}
#apppage table td.pending {vertical-align:middle; text-align:center;
                         font: bold 2.0em Arial, Sans-serif;
                            color:#000; height:50px;}


/*---------------------------------------------------------------------------------------
            Table Style - total Orders
---------------------------------------------------------------------------------------*/
#apppage table.total {margin:0 auto 0 auto; width:125px;   
                         border-collapse:collapse; 
                         background:#eee; border:1px solid #525051;}
#apppage table tr.total {vertical-align:middle;  
                            background:#525051;}
#apppage table td.total {vertical-align:middle; text-align:center;
                         font: bold 2.0em Arial, Sans-serif;
                            color:#000; height:50px;}
/*---------------------------------------------------------------------------------------
            Table Style - rejected Orders
---------------------------------------------------------------------------------------*/
#apppage table.rejected {margin:0 auto 0 auto; width:125px; 
                         border-collapse:collapse; 
                         background:#ffd5d5; border:1px solid #dd1717;}
#apppage table tr.rejected {vertical-align:middle;  
                            background:#e1560b;}
#apppage table td.rejected {vertical-align:middle; text-align:center;
                         font: bold 2.0em Arial, Sans-serif;
                            color:#000; height:50px;}
/*-------------------- CONTENT (ACTION ICONS WIDGET) --------------------*/
.schedule-box {
	z-index:9999; position:absolute; right:0;
}
.DropDownList { z-index:1px;}

.report-box {
	float:right;
	color: #000; height:24px; margin:4px 4px 0 4px;
}

/*-------------------- CONTENT (ACTION ICONS WIDGET) --------------------*/
.icon-box {
float:right;
color: #000; height:20px; margin:4px 0 0 4px; 
}
ul.Iconwidget li {float:left; list-style:none;}
ul.Iconwidget li a {width:18px; height:18px; display:block; padding:0px; margin-right:4px}
ul.Iconwidget li.print a {background:url(../images/ico-print.png) no-repeat}
ul.Iconwidget li.print a:hover {background:url(../images/ico-printb.png) no-repeat}
ul.Iconwidget li.pdf a {background:url(../images/ico-pdf.png) no-repeat}
ul.Iconwidget li.pdf a:hover {background:url(../images/ico-pdfb.png) no-repeat}
ul.Iconwidget li.excel a {background:url(../images/ico-excel.png) no-repeat}
ul.Iconwidget li.excel a:hover {background:url(../images/ico-excelb.png) no-repeat}
ul.Iconwidget li.email a {background:url(../images/ico-email.png) no-repeat}
ul.Iconwidget li.email a:hover {background:url(../images/ico-emailb.png) no-repeat}


/*---------------------------------------------------------------------------------------
              Image Button
---------------------------------------------------------------------------------------*/

a.button {
background: transparent url('../images/but-a.gif') no-repeat scroll top right;
color: #306d9f;
display: block;
float: left;
font: bold 11px arial, sans-serif;
height: 30px;
margin-right: 6px;
padding-right: 6px; /* sliding doors padding */
text-decoration: none;
}

a.button span {

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

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

a.button:hover span{ /* Hover state CSS */
background-position: bottom left;
color: #666;
}

/*---------------------------------------------------------------------------------------
              <Input> Button
---------------------------------------------------------------------------------------*/
input.gbtn { 
              color:#335092; 
              font: bold 11px Arial, Helvetica, sans-serif; letter-spacing:0.01em;
              background: url(../images/grey1.gif) repeat-x center center;
              border: 1px solid; 
              border-color: #335092 #006dc3 #006dc3 #335092;
              padding:0 5px 2px 5px; height:26px;
              cursor:pointer; -moz-border-radius: 3px;
             -webkit-border-radius: 2px;
              } 
  
input.gbtnhov { 
                  border-color:  #006dc3 #335092 #335092 #006dc3; background: url(../images/grey2.gif) repeat-x center center;                    color: #006dc3;
              }


/*---------------------------------------------------------------------------------------
              Login Box
---------------------------------------------------------------------------------------*/


#loginbox{
	margin: 0 auto 0 auto;
	width: 374px; /* - padding */
	height: 224px; /* - padding */
	background: #fff url(../images/login-box.jpg) no-repeat left top;
	margin-top:20px; margin-bottom:20px;
}

.callout-box {
	float:right;
	color: #000; height:24px; margin:4px 4px 0 4px;
}

#info-container
{
	width:860px; font: normal 14px Arial, Helvetica, sans-serif;
	background-color:#fdfddd;
	border-top: 1px dotted #9fb6c9;
	padding: 20px; margin:0 auto 0 auto; 
	}
	
#info-container p.message{		
		font-family: arial, Helvetica, sans-serif;font-size: 12px; color:#000000;
}
.mark {background:#ffee88; font-weight:bold;}
/*---------------------------------------------------------------------------------------
              Form Elements
---------------------------------------------------------------------------------------*/


input.text, input.file, textarea.textarea {
	color:#333;
	padding:2px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
input.text, textarea.textarea{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
}

input.checkbox, input.radio{
	display:block;
	width:20px;
	height:20px; display:inline; 
	background:#eeeeee;
}
select.select {background:#f6f6f6;}

input.tabtext{
	color:#333;
	margin:0;
	padding:2px; 
}
input.tabtext{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
}
input.GridText{
	color:#333;
	padding:2px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align:right; 
}

/*input:hover, input:focus { background-color:#ffffcc;}
textarea:hover, textarea:focus { background-color:#ffffcc;}
select:hover, select:focus { background-color:#ffffcc;}
radio:hover, radio:focus { background-color:#ffffcc;}
checkbox:hover, checkbox:focus { background-color:#ffffcc;}*/

/*---------------------------------------------------------------------------------------
              Preview Button
---------------------------------------------------------------------------------------*/

.preview-box {
	float:right;
	color: #000; height:28px; margin:4px 0 0 4px; 
}

.preview {
	cursor:pointer;  
	line-height:24px;
	height:24px;
	background:url(../images/preview.gif) no-repeat right top; 
	padding-right:28px; 
	display:inline-block; text-decoration:none;
}

.preview ins { 
	background:url(../images/preview.gif) no-repeat left top; 
	height:24px;text-decoration:none;
	line-height:24px;
	display:inline-block;
	padding-left:10px; color:#999; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:11px;
}
	a.preview:hover {background-position:right -159px; text-decoration:none;}
	a.preview:hover ins {background-position:left -159px; color:#000;}	
	
/*---------------------------------------------------------------------------------------
              Excel Button
---------------------------------------------------------------------------------------*/
a.exelbutton {

background: transparent url('../images/excel2.gif') no-repeat scroll top right;
color: #f2f2f2;
display: block;
float: left;
font: bold 11px arial, sans-serif;
height: 20px;
margin-right: 16px;
padding-right: 16px; /* sliding doors padding */
text-decoration: none;
}

a.exelbutton span {

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

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

a.exelbutton:hover span{ /* Hover state CSS */
background-position: bottom left;
color: #666666;
}

/*---------------------------------------------------------------------------------------
              Printer friendly Button
---------------------------------------------------------------------------------------*/
a.printer-friendly {

background: transparent url('../images/printer-friendly.gif') no-repeat scroll top right;
color: #f2f2f2;
display: block;
float: left;
font: bold 11px arial, sans-serif;
height: 20px;
margin-right: 16px;
padding-right: 16px; /* sliding doors padding */
text-decoration: none;
}

a.printer-friendly span {

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

a.printer-friendly:link, a.printer-friendly:visited{
color:#000000;
text-decoration:none;
}
a.printer-friendly:hover{
color:#ffffff; background-position: bottom right;
}

a.printer-friendly:hover span{ /* Hover state CSS */
background-position: bottom left;
color: #666666;
}
/*---------------------------------------------------------------------------------------
              Ajax Load
---------------------------------------------------------------------------------------*/
	
	    .Background

    {

        position: relative;

        left: 0;

        top: 0;

        z-index: 10;

        width: 100%;

        height: 100%;             

        filter: alpha(opacity=20)

    }
    

/*---------------------------------------------------------------------------------------
              Ajax Load
---------------------------------------------------------------------------------------*/



table.tdate {border:2px solid #000; 
color:#000; width:300px;}
table.tdate td {border-bottom:2px solid #000;padding:8px 8px; }

table.pq {border:2px dotted #000; 
color:#000; float:left; width:100px;}
table.pq td {border:2px dotted #000;padding:8px 8px;}


table.req-contact {border:2px solid #000; 
color:#000; width:100%;}
table.req-contact th {border-bottom:1px solid #000;padding:8px 8px; }
table.req-contact td {border-bottom:1px solid #000;padding:8px 8px; }

table.apprequest th {
border-right:1px solid #000;border-bottom:1px solid #000; padding:2px 2px; width:90px;
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');
}
table.apprequest td {border:1px solid #000; background:#fff; padding:2px 2px;}
table.apprequest td.right {text-align:right;}


.watermark {
	background-image:url(../images/watermark.gif);
	margin: 0 auto;
	display: block;
	position: relative;
}
.watermark img.blank {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.watermark img{
	filter:alpha(opacity=90);
	opacity:.90;
}

/*---------------------------------------------------------------------------------------
            Table Style - School Information Box
---------------------------------------------------------------------------------------*/

.schinfo {
       height:100%; margin:0px auto 3px auto; text-align:left;
       width: 890px; 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;
}

.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:5px 5px;}
.schinfo table th {text-align:left; vertical-align:middle;  font-weight:bold;}
.schinfo table th.right {text-align:right; color:#999;}
.schinfo table th.left {text-align:left !important; color:#999; margin:0 auto 0 auto;}
.schinfo table th.info {text-align:right; color:#666;}
.schinfo table td.right {text-align:right;}
.schinfo table td.btn {padding:0; margin:0;}
.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;}

.eligibilityData {
       height:100%; margin:0 auto 0 auto;
       width: 100%; 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;
}

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