
div#container{
width:939px;
margin-right: auto;
margin-left: auto;
margin-top:8px;
}

div#container-pop{
width:775px;
margin-right: 10;
margin-left: 10;
margin-top:8px;
}

/* --------------------------------- bannersub-----------------------------------*/

div#banrightsub {
float:right;
height:auto;
margin-bottom:0px;
width:710px;

} 
div#banrightsub div#edge {
/*background:url(../images/leftedge_sm.gif) no-repeat;*/
width:14px;
height:71px;
float:left;
margin:29px 0 0 0;
padding:0;
}
div#nyclogo_sub {
    /*background:url(/osfns/ui_common/apps/images/nyc_logo_sub.gif) no-repeat;*/
    background: url(https://www.opt-osfns.org/Centralization_CSSV2/doe-main-logo/nyc_doe_logo.png) no-repeat;
    width: 212px;
    height: 114px;
    float: left;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    cursor: hand;
    z-index: 2;
    position: relative;
}

/* -------------------------- topnavsub --------------------------------*/

ul#topnavsub {
border:0px;
margin:0;
padding:0px;
list-style:none;
text-align:left;
width:356px;
background:#003366;
height:32px;
vertical-align:top;
float:right;
clear:both;
}
ul#topnavsub LI{
font:bold 13px arial,verdana,sans-serif;
padding:0px;
margin:0;
text-transform:uppercase;
float:left;
height:32px;
}
ul#topnavsub LI A{
color:#FFF;
display:block;
background:#003366;
text-decoration:none;
line-height:1.2em;
margin:0px 0 0 0;
padding:8px 9px;
border-left:1px dashed #FFF;
}
ul#topnavsub LI A:hover{
text-decoration:none;
background:#6699CC;
}
ul#topnavsub li a.first {
border-left:none;
background:url(../images/topnavsub_leftedge.gif) no-repeat;
padding:8px 9px 8px 15px;
}
ul#topnavsub li a.first:hover {
border-left:none;
background:url(../images/topnavsub_leftedge_hover.gif) #6699CC no-repeat;
padding:8px 9px 8px 15px;
}

/* ------------------------ SEARCH SUB -------------------------*/
div#search {
height:26px;
margin:0px 0 10px 224px;
padding:0;
width:auto;
color:#003366;
font:bold 13px arial,verdana,sans-serif;
vertical-align:middle;
clear:both;
}

div#search div.txt {
float:left;
width:64px;
margin:5px 0 0 0;
}
div#search div.input {
float:left;
width:390px;
margin-right:2px;
}
div#search input#txtGoogle {
border-top:2px solid #ABABAB;
border-left:2px solid #ABABAB;
border-right:2px solid #E6E6E5;
border-bottom:2px solid #E6E6E5;
width:380px;
padding:0;
}
a#googleHref {
background:url(../images/go.gif) no-repeat;
width:35px;
height:22px;
color:#FFF;
text-align:center;
text-decoration:none;
}
div#search span.smalllinks {
font:12px arial,verdana,sans-serif;           
margin:4px 0 0 20px;
width:auto;
vertical-align:middle;
float:left;
}
div#search span.smalllinks a:link, div#search span.smalllinks a:visited {
font-weight:normal;
padding:4px;
text-decoration:none;
color:#003366;
}
div#search span.smalllinks a:hover {
font-weight:normal;
color:#6699CC;
text-decoration:underline;
}
div#search input {
height:18px;
}
div#search div.go {
float:left;
height:22px;
padding:0 0px 0px 5px;
vertical-align:middle;
width:35px;
margin:0;
}

/* ---------------------------------- SEARCHSUB -----------------------------------------*/

div#searchsub {
margin:-3px 0 0 0px;
/*padding:13px 16px 12px 16px;*/
padding:0;
color:#003366;
font:bold 13px arial,verdana,sans-serif;
vertical-align:top;
width:690px;
/*height:33px;*/
border-top:3px solid #003366;
border-bottom:3px solid #003366;
border-right:3px solid #003366;
border-left:3px solid #003366;
float:left;
height:65px;
/*vertical-align:middle;*/
/*background:url(/osfns/ui_common/apps/images/banner_sub_pic.gif) right no-repeat;*/
}
div#searchsub a#googleHref {
background:url(../images/go.gif) no-repeat;
width:35px;
height:24px;
color:#FFF;
text-align:center;
text-decoration:none;
padding:3px 7px;
}
div#searchsub input#txtGoogle {
border-top:2px solid #ABABAB;
border-left:2px solid #ABABAB;
border-right:2px solid #E6E6E5;
border-bottom:2px solid #E6E6E5;
width:306px;
margin-right:8px;
margin-bottom:4px;
}


/* div#searchsub div.smalllinks {
font:11px arial,verdana,sans-serif;           
margin:4px 0 0px 66px;
width:auto;
vertical-align:bottom;
height:20px;
position:relative;
} */

/* Tremis Skeete - IE7 ===========================*/
html>body div#searchsub div.smalllinks 
{
position:relative;
line-height:4em;
font:11px arial,verdana,sans-serif;        
margin:18px 0 0 66px;
width:210px;
height:14px;
border:0px solid blue;
}

/* Tremis Skeete - IE6 ===========================*/
div#searchsub div.smalllinks {
font:11px arial,verdana,sans-serif;           
margin:4px 0 -10px 66px;
width:auto;
vertical-align:bottom;
height:18px;
border:0px solid blue;
position:relative;
}

div#searchsub div.smalllinks a:link, div#searchsub div.smalllinks a:visited {
text-decoration:none;
color:#003366;
}
div#searchsub div.smalllinks a:hover {
font-weight:normal;
color:#6699CC;
text-decoration:underline;
}
div#searchsub div.search {
float:left;
margin:21px 5px 5px 5px;
/*border:1px solid yellow;*/

}

div#searchsub div.input {
float:left;
height:20px;
margin-top:16px;
margin-bottom:6px;
/*border:1px solid blue;*/
}
div#searchsub div.top {
height:30px;
padding:0;
vertical-align:top;
}
div#searchsub div.bottom {
height:21px;
margin:-6px 0 0 8px;
padding:0;
width:300px;
}
div#searchsub div.go {
float:left;
display:block;
height:22px;
padding:4px 5px 5px 5px;
vertical-align:middle;
/*border:1px solid green;*/
margin-top:16px;
}
div#searchsub div.left {
width:458px;
height:auto;
float:left;
padding:0;
margin:0;
border:none;
}
div#searchsub div.right {
width:157px;
float:right;
height:65px;
padding:0;
margin:0 0 -3px 0;
border:none;
}

/* -----------------new search sub with images in HTML ------------------*/


/* ---------------------- footer ---------------------------*/

div#footer {
width:100%;
height:80px;
color:#003366;
}
div#footer ul {
margin:0;
padding:0;
list-style-type:none;
}
div#footer li {
float:left;
margin-right:10px;
background:url(../images/footer_bullet.gif) no-repeat 0px 2px;
padding:0 0 0 10px;
font-size:12px;
}
div#footer li.first {
background:none;
padding:0;
}
div#footer a {
text-decoration:none;
color:#003366;
}
div#footer a:hover {
color:#6699CC;
}
div#footer a img {
border:none;
}
div#footer div.left {
float:left;
width:60%;
}
div#footer div.left ul {
height:16px;
font:normal 13px arial,verdana,sans-serif;
}
div#footer div.right 
{
float:right;
width:210px;
text-align:right;
margin-right:-14px;
padding:0;
font:normal 13px arial,verdana,sans-serif;
}
div#footer div.right ul {
text-align:right;
float:left;
width:145px;
padding:0;
}
div#footer div.right ul li {
/*margin-right:0;
margin-left:10px;*/

}
div.nyc_logo {
background:url(../images/nyc_logo.gif) no-repeat;
float:left;
width:54px;
height:46px;
margin-left:60px;
margin-left:0;
margin-right:5px;
cursor: hand;
}
div.copyright {
clear:both;
margin-top:8px;
font:normal 10px arial,verdana,sans-serif;
}
.numbertext
{
	text-align:center;
}
.mystyle

{ 
	text-align:center;
}
.updateProgress 

{ 

border-width: 1px; 

border-style: solid; 

background-color: #FFFFFF; 

position: relative; 

width: 180px; 

height: 60px; 

} 
.modalBackground {

background-color:Gray;

filter:alpha(opacity=70);

opacity:0.7;

}
/************  Message Box style  *********************** START */
.LblMsgTitle1	{font:normal 11px arial,verdana,sans-serif;font-weight:bold;}
.LblMsgContent1	{font:normal 11px arial,verdana,sans-serif;}
.modalBackground1 {background-color:gray;filter:alpha(opacity=50);opacity:0.7;}

/* .modalPopup { background: #edf2f6; border: 1px solid #3f4860; padding:0;}  Brijesh's style */ 
	
.modalPopup1 {
	background-color:#FFFFCC;  /* Yellow */
	border-width:2px;
	border-style:solid;
	border-color:#fdd845;
	padding:3px;
}

.modalDragHandle1 { cursor: move; /* background-color:#fdd845;border:solid 1px;color:#303030 */}
	
.modalPopup1.info {border:1px solid #81aacc;
	background-color:#e9f2fb; color:#666;  /* pastel blue */
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }
	
.modalPopup1.error {border:1px solid #e5b9ab;
	background-color:#f7e3dd; color:#666;  /* pinkish red */
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }

.modalPopup1.success {border:1px solid #5cb526; /* */
    background-color:#e0f5d2; color:#666;  /* Green */
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }

.modalPopup1.transparent {border:0px ; /* */
    background-color:Transparent; color:inherit;  /* transparent */
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }

/*Hover Menu*/
.HoverContainerPosition1 {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;	
	/*filter: alpha(opacity=90); */
}
/************  Message Box style  *********************** END */