/*
UNIVERSAL RESETS
------------------------------------------
*/
* { margin: 0px; padding: 0px; }


/*
GENERIC CLASSES
------------------------------------------
*/

.indent	{ margin-left:5px; }

/* Float clearing options */
.clr { clear:both; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent; display: block; }
.cl { clear:left; }
.cr { clear:right; }
.clearfix:after { content:"."; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix { height:1px; }

.inline { display:inline; }
.tac { text-align:center; }
.tar { text-align:right; }
.dn { display:none; }
.db { display:block; }

.fl { float:left; }
.fr { float: right; }

.disclaimer { font-size:0.9em;}

fieldset { border:0px; }
img { border:0;}
/* image replacement class */
.replace { position:absolute; top:-9999px; } 

html { background:url(../images/bg/html-bg.gif) top left repeat; }
h2.header { margin-bottom:0.7em;  }

/*
BRANDING
------------------------------------------
*/

div#logo { width:97px; height:41px; padding:25px; }
div#logo a { width:97px; height:41px; display:block; background:url(../images/branding/navy-logo.gif) no-repeat; }


/*
GENERAL STRUCTURE
------------------------------------------
*/
div#header { height:39px !important; background-color:#464444; padding:0; margin-bottom:3em;}
div#header div#logo { position:absolute; z-index:100; top:0; margin-left:10px; padding:0;  height:71px; width:107px; overflow:hidden; background:url(../images/pic/logo.gif) no-repeat; text-indent:-100em;}

div#header p { padding-top:12px;}
div#header p a { width:39px; height:8px; background:url(../images/bg/close.png) no-repeat; margin-left: 490px; display:block; text-indent:-39px; overflow:hidden;}

div#footer { clear:both; font-size:0.7em; min-height:40px; background-color:#464444;  }
div#footer ul { list-style:none; text-align:center; padding:0.6em 0 0.4em 0;  }
div#footer ul li { display:inline;  color:#fff; }
div#footer ul li a { color:#fff; padding:0 6px 0 3px;  border-right:1px solid #fff; }
div#footer p { text-align:center; color:#fff; margin:0; }
body#officer div#footer { font-family:Verdana; margin:0;  height:46px; }

/*
OFFICER LANDING PAGE
------------------------------------------
*/

body#officer div#container { margin:0 auto; padding:0 15px 10px 15px; width:1002px; background:transparent url(../images/bg/rocs_bg.jpg) top center no-repeat;}
body#officer div#page-body {  width:1000px; height:538px; background:transparent url(../images/pic/ROCS_microsite.jpg) top center no-repeat; }
/*
REQUEST INFO PAGE
------------------------------------------
*/
body.request-info { background:#cecdcb url(../images/bg/body-bg.gif) top left repeat-x; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 76%; }
body.request-info div#container { background:#cccbc9 url(../images/bg/container-bg.gif)  repeat-y; margin:0 auto; padding:0; width:550px;}

body.request-info div#content{  background:transparent url(../images/bg/content-bg.gif) left top no-repeat;}
body.request-info div#page-body{ padding:1em;  min-height:700px; }

body.request-info div#top-content { background:transparent url(../images/bg/cap.png) right top no-repeat; margin: 1em 1em 1em 0; padding-right:190px; min-height:116px; }

body#contact h2.header { background:transparent url(../images/header/contact.gif) left top no-repeat; height:15px; }
body#thankyou h2.header { background:transparent url(../images/header/thankyou.gif) left top no-repeat; height:15px; }

body.request-info div#form-content { width:390px; float:left; margin-bottom:1em;}
body.request-info form { margin:1em 0; }
body.request-info form p { margin:1em 0; font-weight:bold; font-size:1.1em; color:#56636d;}
body.request-info form p#submit-button { text-align:right; padding-right:14px;}
body.request-info form dl { clear:left; }
body.request-info form dl input { width:370px;}
body.request-info form dl input#areacode,body.request-info form dl input#prefix { width:3em;}
body.request-info form dl input#suffix { width:4em; }
body.request-info form input.submit-button { text-indent:-100em; border:0; width:65px; height:21px; overflow:hidden;  background:transparent url(../images/form/submit.gif) center center no-repeat;}
body.request-info form dl select { font-size:0.98em; height:1.7em; }
body.request-info form dl select#rank { width:174px;}
body.request-info form dl select#state { width:128px;} 
body.request-info form dl dd label { display:inline-block; margin-bottom:3px;}
body.request-info form dl dt { padding-top:0.5em; }
body.request-info form dl.twocol-left, body.request-info form dl.twocol-right { clear:none; width:188px; float:left;  }
body.request-info form dl.twocol-left#officer-designator { clear:left; }
body.request-info form dl.twocol-left input, body.request-info form dl.twocol-right input { width:170px;}
body.request-info form dl.twocol-right { margin-left:10px;}
body.request-info form dl.twocol-left#bestdaytocall { width:136px; }
body.request-info form dl.twocol-right#besttimetocall { width:240px;}
body.request-info dl dd.msg { color:#f00; font-size:0.9em; }
body.request-info form dl label span { font-size:0.9em;}


body.request-info div#form-question { width:123px; float:left; padding-top:3em;}
body.request-info div#form-question dl { background:transparent url(../images/bg/box-body-bg.gif) left top repeat-y; margin-top:5em; width:123px; float:left; font-size:75%;}
body.request-info div#form-question dl dt { background:transparent url(../images/bg/box-top-bg.gif) left top no-repeat; padding:0.5em 1em; font-weight:bold; margin-top:-5px;}
body.request-info div#form-question dl dd { background:transparent url(../images/bg/box-bottom-bg.gif) left bottom no-repeat; padding:1em; margin-bottom:-5px;}