﻿/* Fency Rounded Gridient Box */
.rounded { padding-right: 0px; padding-left: 11px; background: url(images/boxes/bg_box_tsr-l.gif) no-repeat left top; padding-bottom: 0px; margin: 10px 5px; padding-top: 0px;}
.rounded H1 { padding-right: 0px; padding-left: 11px; background: url(images/boxes/bg_box_tsr-r.gif) no-repeat right top; padding-bottom: 0.3em; margin: 0px; text-transform: none; line-height: 1.1em; padding-top: 0.6em; padding-bottom: 10px; color: #4862A7; font-size:10pt; font-family:Verdana, System, Arial, Courier, "Courier New";}
.rounded H1 SPAN { color: #4862A7;}
.rounded H1 SPAN.left { float: left; margin-right: 140px; text-align: left;}
.rounded H1 SPAN.right {float: right; width: 120px; margin-right: 20px; text-align: right;}
.rounded DIV.p { padding-right: 0px; padding-left: 11px; background: #fff; padding-bottom: 0.5em; margin: 0px 0px 0px -11px; border-left: #d8d8d8 1px solid; padding-top: 0px;}
.rounded TABLE.p { padding-right: 11px; padding-left: 11px; background: #fff; padding-bottom: 0.5em; margin: 0px 0px 0px -11px; border-left: #d8d8d8 1px solid; padding-top: 0px; width: 100%;}
.rounded .x TD { padding-left: 11px;}
.rounded .y TD { padding-left: 0px;}
.rounded .gridview TD { padding: 5px;}
.rounded .gridview TH { padding: 5px;}
.rounded .roundedMain { border-right: #d8d8d8 1px solid; border-top: #d8d8d8 0px solid; border-left: #d8d8d8 0px solid; border-bottom: #d8d8d8 0px solid;}
.rounded .roundedEnd { padding-left: 11px; background: url(images/boxes/bg_box_tsr-l.gif) no-repeat left bottom; margin: 0px 0px 0px -11px;}
.rounded .roundedEnd DIV{ padding-right: 0px; padding-left: 11px; background: url(images/boxes/bg_box_tsr-r.gif) no-repeat right bottom; padding-bottom: 10px; padding-top: 0px; height: 6px;}
.rounded#logon { margin-left: 200px; margin-right: 200px;}
.small H1 {padding-left: 0px; font-size:9pt; font-family:Verdana, System, Arial, Courier, "Courier New";}
.small .x TD  { padding-left: 0px;}
.small TABLE.p { padding-right: 0px;}
.roundgreenl{ background: url(images/boxes/bg_box_tsr-l_greenl.gif) no-repeat left top; }
.roundgreenl H1 { background: url(images/boxes/bg_box_tsr-r_greenl.gif) no-repeat right top; }
.roundgreenl .roundedEnd { background: url(images/boxes/bg_box_tsr-l_greenl.gif) no-repeat left bottom; }
.roundgreenl .roundedEnd DIV { background: url(images/boxes/bg_box_tsr-r_greenl.gif) no-repeat right bottom; }
.roundgreenl .roundedMain { border-right: #bcce99 1px solid; }

.roundbluel TABLE.p { border-left: #b6c0dc 1px solid; }
.roundbluel { background: url(images/boxes/bg_box_tsr-l_bluel.gif) no-repeat left top; }
.roundbluel H1 { background: url(images/boxes/bg_box_tsr-r_bluel.gif) no-repeat right top; }
.roundbluel .roundedEnd { background: url(images/boxes/bg_box_tsr-l_bluel.gif) no-repeat left bottom; }
.roundbluel .roundedEnd DIV { background: url(images/boxes/bg_box_tsr-r_bluel.gif) no-repeat right bottom; }
.roundbluel .roundedMain { border-right: #b6c0dc 1px solid; }
.roundbluel TABLE.p { border-left: #b6c0dc 1px solid; }

/* Plain Background Boxes Defalt Orange*/
.box { background: #A5A5DE; }
.boxtop { background: url(images/boxes/ne.gif) no-repeat top right; }
.boxtop div { height: 10px; background: url(images/boxes/nw.gif) no-repeat top left; }
.boxtop H1 SPAN { padding-left: 10px; font-size:10pt; }
.boxtop H2 SPAN { padding-left: 10px; font-size:10pt; }
.boxbottom { background: url(images/boxes/se.gif) no-repeat bottom right; }
.boxbottom div { height: 10px; background: url(images/boxes/sw.gif) no-repeat bottom left; }
.boxcontent { padding: 0px 10px 0px 10px; color: #FFFFFF;}
.box ul { margin: 0 auto; padding: 5px; vertical-align: middle;}
.box li { height: 20px; list-style: none; float: left; padding-top: 5px; padding-right: 10px; margin: 0px; vertical-align: middle;}
/* Full Rounded Box Green */
.boxgreen { background: #D0F969; }
.boxtopgreen { background: url(images/boxes/bg_box_ne_green.gif) no-repeat top right; }
.boxtopgreen div {background: url(images/boxes/bg_box_nw_green.gif) no-repeat top left; }
.boxbottomgreen { background: url(images/boxes/bg_box_se_green.gif) no-repeat bottom right; }
.boxbottomgreen div { background: url(images/boxes/bg_box_sw_green.gif) no-repeat bottom left; }
.boxcontentgreen { color: #214A5D;}
/* Plain Background Box Grey */
.box#grey { background: #EEEEEE;}
.boxtop#grey { background: url(images/boxes/ne_grey.gif) no-repeat top right; }
.boxtop#grey div { background: url(images/boxes/nw_grey.gif) no-repeat top left; }
.boxbottom#grey { background: url(images/boxes/se_grey.gif) no-repeat bottom right; }
.boxbottom#grey div { background: url(images/boxes/sw_grey.gif) no-repeat bottom left; }
/* Plain Background Box Dark Blue */
.box#dblue { background: #EEEEEE;}
.boxtop#dblue { background: url(images/boxes/bg_box_ne_dblue.gif) no-repeat top right; }
.boxtop#dblue div { background: url(images/boxes/bg_box_nw_dblue.gif) no-repeat top left; }
.boxbottom#dblue { background: url(images/boxes/bg_box_se_dblue.gif) no-repeat bottom right; }
.boxbottom#dblue div { background: url(images/boxes/bg_box_sw_dblue.gif) no-repeat bottom left; }
/* Plain Background Box Dark Grey */
.box#dgrey { background: #EEEEEE;}
.boxtop#dgrey { background: url(images/boxes/bg_box_ne_dgrey.gif) no-repeat top right; }
.boxtop#dgrey div { background: url(images/boxes/bg_box_nw_dgrey.gif) no-repeat top left; }
.boxbottom#dgrey { background: url(images/boxes/bg_box_se_dgrey.gif) no-repeat bottom right; }
.boxbottom#dgrey div { background: url(images/boxes/bg_box_sw_dgrey.gif) no-repeat bottom left; }
/* Empty Boxes Default Thin Blue */
div.emptyboxframe { padding-top: 10px}
.emptyboxframe p { background: url(images/boxes/bg_box_frame_blue.gif) no-repeat top left; height: 20px; padding: 5px; margin: 0px;}
.emptyboxframe h1 { background: url(images/boxes/bg_box_frame_blue_bottom.gif) no-repeat bottom left; padding: 0px; height: 6px; margin: 0px;}
.emptyboxframe h1, .emptyboxframe p { padding-left: 20px; padding-right: 20px;}
.emptybox .content#submitbid { padding-left: 340px; padding-bottom: 30px;}
/* Filled Top and Different Filled Bottom Box */
.filledbox p, .filledbox ul { background: #e8f5bf url(images/boxes/bg_box_filled_trans.gif) no-repeat bottom left; height: 75px; padding: 5px; margin: 0px; width: 580px;}
.filledbox h1 { background: url(images/boxes/bg_box_filled_green.gif) no-repeat bottom left; height: 40px; margin: 0px; color: #214A5D; font-size: 18px;}
.filledbox h1 span { padding-top: 5px; display: block;}
.filledbox h1, .filledbox p, .filledbox ul { padding-left: 20px; padding-right: 20px; margin-left: 5px; }
.filledbox ul li { list-style: none; padding: 3px;}
.filledbox ul li span { display: block; float: left; width: 100px; margin: 0px; padding: 0px; }
.filledbox ul ul { padding: 0px; margin: 0px; height: 20px; background: none; width: 580px; list-style: none;}
.filledbox ul ul li { float: left; width: 290px; padding: 0px; margin: 0px; }
.filledbox ul ul li span { float: none; display: inline; vertical-align: top; }
.smallfilledbox p { background: #e8f5bf url(images/boxes/bg_box_filled_trans_small.gif) no-repeat bottom left; height: 220px; padding: 5px; margin: 0px; width: 290px;}
.smallfilledbox h1 { background: url(images/boxes/bg_box_filled_green_small.gif) no-repeat bottom left; height: 40px; margin: 0px; color: #253054; font-size: 18px;}
.xsmallfilledbox p { background: #F2F2F2 url(images/boxes/bg_box_filled_trans_xsmall.gif) no-repeat bottom left; height: 65px; padding: 5px; margin: 0px; width: 150px;}
.xsmallfilledbox h1 { background: url(images/boxes/bg_box_filled_green_xsmall.gif) no-repeat bottom left; height: 20px; margin: 0px; padding-left: 35px; margin-top: 0px; color: #FFFFFF; font-size: 11px;}
.smallfilledboxrng p { background: #F2E29B url(images/boxes/bg_box_filled_trans_small.gif) no-repeat bottom left; height: 220px; padding: 5px; margin: 0px; width: 290px;}
.smallfilledboxrng h1 { background: url(images/boxes/bg_box_filled_orange_small.gif) no-repeat bottom left; height: 40px; margin: 0px; color: #253054; font-size: 18px;}
/* Inside Empty Box Thick Purple Blue Thick */
.emptybox, .emptybox .content, .emptybox .title, .emptybox .title *
{ background: #FFF url(images/boxes/bg_box_blue_thick.gif) 100% 100% no-repeat; }
.emptybox { margin: 15px 0; padding: 0 15px 0 0; }
.emptybox .title { background-position: 100% 0; margin: 0 -15px 0 0; padding: 0 15px 0 0; }
.emptybox .title * { background-position: 0 0; margin: 0; padding: 15px 0 5px 15px; height: 1%; }
.emptybox .content { background-position: 0 100%; margin-right: 0px; padding: 0 0 15px 15px; }
.emptybox h2 { font-size: 14px; color: #B7D0D9;}
#blue_thin, #blue_thin .content, #blue_thin .title, #blue_thin .title *
{ background: #FFF url(images/boxes/bg_box_blue_thin.gif) 100% 100% no-repeat; }
.emptybox#lblue_thick, .emptybox#lblue_thick .content, .emptybox#lblue_thick .title, .emptybox#lblue_thick .title *
{ background: #FFF url(images/boxes/bg_box_lblue_thick.gif) 100% 100% no-repeat; }
.emptybox#purpure_thick, .emptybox#purpure_thick .content, .emptybox#purpure_thick .title, .emptybox#purpure_thick .title *
{ background: #FFF url(images/boxes/bg_box_purpure_thick.gif) 100% 100% no-repeat; }
.emptybox#purpure_thin, .emptybox#purpure_thin .content, .emptybox#purpure_thin .title, .emptybox#purpure_thin .title *
{ background: #FFF url(images/boxes/bg_box_purpure_thin.gif) 100% 100% no-repeat; }
/* Specific Boxes */
/* Post Project */
.sidebox { background: #4862A7; width: 140px; }
.sideboxtop { background: url(images/boxes/bg_box_ne.gif) no-repeat top right; }
.sideboxtop div {padding: 0; margin: 0; height: 20px; background: url(images/boxes/bg_box_nw.gif) no-repeat top left; }
.sideboxtop H1 SPAN { padding-left: 10px; font-size:8pt; font-weight: bold; color: #FFFFFF;}
.sideboxbottom { background: url(images/boxes/bg_box_se.gif) no-repeat bottom right; }
.sideboxbottom div { height: 10px; background: url(images/boxes/bg_box_sw.gif) no-repeat bottom left; }
.sideboxcontent { padding: 20px 5px 0px 10px; color: #FFFFFF; height: 65px;}
.sideboxcontent span { display: block;padding-top: 0px; font-size:7pt; }
.sideboxcontent span a { text-decoration: underline; color: Blue; color: #214A5D; font-weight: bold;}
div.whyRegister { background: url(images/whyregister.jpg) no-repeat ; height: 201px; width: 350px;}
ul.whyRegister{ padding-left : 90px; padding-top: 20px;}
li.whyRegister { font-size: 12px;list-style: url(images/green_ball.jpg); padding-top: 5px; padding-left: 5px; vertical-align: middle; background-position: left; font-weight: bold;}

.simplebox
{
    background-color: #f5f5f5;
    border: solid 1px #cccccc;
    margin-top: 10px;
    padding: 5px;
}

.anemptybox
{
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    padding: 5px;
    margin-bottom: 10px;
}


.simplebox h1
{
    font-size: 12px;
    color: #2c76e3;
    padding: 5px 5px 0px 5px;
}

.simplebox p
{
    padding: 0px 5px 5px 5px;
    color: #505050;
    font-size: 11px;
}

.simpleboxquestions
{
    background-color: #f5f5f5;
    border: solid 1px #cccccc;
    padding: 5px;
}

.questionsearch
{
     border: solid 1px #f5f5f5;
     color: #4862A7;
     background-color: #cccccc;
}

.greenbox
{
    margin: 0px;
    padding: 10px;
    border-left: solid 1px #85cf85;
    border-right: solid 1px #85cf85;
    background-color: #f5fdf5;
}

.greenbox h1
{
    font-size: 11px;
    color: #85cf85;
}

.greenbox p
{
}

div.greenbox-t
{
    background-image: url('images/boxes/green-corners.gif');
    background-repeat: repeat-x;
    background-position: 0px -23px;
       background-color: #f5fdf5;
}

div.greenbox-tl 
{
    background-image: url('images/boxes/green-corners.gif');
    background-repeat: no-repeat;
    height: 5px;
    width: 9px;

}

div.greenbox-tr
{
    float: right;
    margin-top: -5px;
    background-image: url('images/boxes/green-corners.gif'); 
    background-repeat: no-repeat;
    background-position: 2px -8px;
    height: 5px; 
    width: 6px;
}

div.greenbox-b
{
    background-image: url('images/boxes/green-corners.gif');
    background-repeat: repeat-x;
    background-position: 0px -20px;
}

div.greenbox-bl 
{
    background-image: url('images/boxes/green-corners.gif');
    background-repeat: no-repeat;
    height: 4px;
    width: 8px;
    background-position: 0px -4px;

}

div.greenbox-br
{
    float: right;
    margin-top: -4px;
    margin-right: 0px;
    background-image: url('images/boxes/green-corners.gif'); 
    background-repeat: no-repeat;
    background-position: 2px -12px;
    height: 4px; 
    width: 6px;

}

.qheader { font-size: 12px; font-weight: bolder; background-color: #FFFFFF; padding: 10px; border: solid 1px #cccccc; width: 95%; display: block; margin-right: 10px;}
.qheaderans { text-align: center; font-size: 12px; font-weight: bolder; background-color: #FFFACD; padding: 10px; border: solid 1px #cccccc; width: 95%; display: block; margin-right: 10px;}
.qheaderans2 { text-align: left; font-size: 12px; font-weight: bolder; background-color: #FFFACD; padding: 10px; border: solid 1px #cccccc; width: 95%; display: block; margin-right: 10px;}