html { height: 100%; margin:0; border:0; padding:0; overflow: auto; overflow-y: scroll}
body { height: 100%; background-color: #ffffff; margin: 0; padding: 0; font-size: 13px; font-family: "trebuchet ms", Arial; font-weight: normal; color: #333333; }
#head { background-color: #ffffff; background-image:url('images/header.gif'); background-repeat: repeat-x; background-position:top center; clear: both; min-width: 1000px; width: 100%; height: 150px; padding: 0; margin: 0; }
#wrapper { clear: both; float: none; background-color: #ffffff; background-image:url('images/background.gif'); background-repeat: repeat-y; background-position:top center; }
#container { clear: both; float: none; width: 1000px; padding: 0; margin: 0 auto 0 auto; text-align: left; }
#container-menu { clear: left; float:left; width: 230px; height: auto; padding: 0; margin: 0; }
#container-content { clear: right; float:left; width: 770px; padding: 0; margin: 0; }
#footer { clear: both; float: none; background-color: #ffffff; background-image:url('images/footer.gif'); background-repeat: repeat-x; background-position:top center; min-width: 1000px; width: 100%; height: 145px; color: #333333; margin: 0; padding: 0; }

a:link, a:visited { font: 13px "trebuchet ms", Arial; font-weight: bold; color:#00699b; text-decoration: none; }
a:hover { color: #be0000 }
img { border:0 }
ul { padding: 5px; margin: 5px; }
li { padding: 3px; margin: 0 0 0 5px; list-style: square inside url('images/arrow.gif'); }

div.errors { clear:both; margin: 0; margin-top: 5px; padding: 5px 10px; border: 1px solid #fd0000; background-color: #ffffcc; }
div.errors ul { padding: 0 10px 0 10px; margin: 0px; }
div.errors li { list-style: square; color: #be0000; list-style-image: url('images/arrow.gif'); }

div.messages { clear:both; margin: 0; margin-top: 5px; padding: 5px 10px; border: #2b95ff 1px solid; background-color: #e1f0ff; }
div.messages p { margin: 0; }
div.messages p em { margin: 0; color: #be0000; font-style: normal; font-weight: bold; }

div.logo { width: 1000px; margin: 0 auto 0 auto; padding: 0; height: 125px; }
div.logo div.left { float: left; width: 230px; margin: 0; padding: 0; height: 125px; line-height: 125px; }
div.logo div.right { float: left; width: 770px; margin: 0; padding: 0; height: 125px; line-height: 125px; }
div.logo img { vertical-align: middle; cursor: pointer; }

div.bar { width: 1000px; margin: 0 auto 0 auto; padding: 0; height: 25px; }
div.bar div.right { float: right; width: auto; margin: 0; padding: 0; height: 25px; line-height: 25px; }
div.bar a:link { color: #ffffff; }
div.bar a:visited { color: #ffffff; }
div.bar a:hover { color: #c0c0c0; }

div.login { background-color : #cfd0d0; background-image: url("images/box.gif"); background-position :top left; background-repeat: repeat-x; margin: 0; padding: 0; width: 218px; height: 120px; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf; border-bottom: 1px solid #afafaf; }
div.login div.container { padding: 5px; color: #333333; }
div.login div.container a, div.login div.container a:visited { color: #333333; }
div.login div.container a:hover { color: #be0000; }

div.quick_search { background-color : #cfd0d0; background-image: url("images/box.gif"); background-position :top left; background-repeat: repeat-x; margin: 0; padding: 0; width: 768px; height: 120px; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf; border-bottom: 1px solid #afafaf; }
div.quick_search div.container { padding: 5px; color: #be0000; }
div.quick_search div.container a, div.quick_search div.container a:visited { color: #be0000; }

div.menu { margin: 0; padding: 0; text-align: left; font: bold 13px "trebuchet ms", Arial;  width: 220px; }
div.menu div.item {  cursor: pointer; color: #292929; border: 0; border-bottom: 1px solid #afafaf; margin: 0; padding: 5px; padding-left: 20px; }
div.menu div.item-over { cursor: pointer; color: #be0000; border: 0; border-bottom: 1px solid #be0000; margin: 0; padding: 5px; padding-left: 20px; }
div.menu div.item a { font: 13px "trebuchet ms", Arial; font-weight: bold; color:#333333; text-decoration: none; }
div.menu div.item-over a { color: #be0000 }

div.menu-box { background-color : #cfd0d0; background-image: url("images/box.gif"); background-position :top left; background-repeat: repeat-x; margin: 0; padding: 0; width: 218px; border: 1px solid #afafaf; }
div.menu-box div.container { padding: 5px; color: #be0000; }
div.menu-box div.container a, div.menu-box div.container a:visited { color: #333333; }
div.menu-box div.container a:hover { color: #be0000; }
div.menu-box div.container ul { padding: 5px; margin: 5px; }
div.menu-box div.container li { padding: 3px; margin: 0 0 0 5px; list-style: square inside url('images/arrow.gif'); }

div.sub-menu { clear:both; margin: 0; margin-top: 5px; padding: 0; }
div.sub-menu a:link, div.sub-menu a:visited { color: #666666;  background-color: #ebebeb; border-bottom: 1px solid #666666; border-right: 1px solid #666666; margin: 2px 2px 2px 0; padding: 3px 7px 3px 7px; text-decoration: none; font-size: 13px; line-height: 2; white-space: nowrap; }
div.sub-menu a:hover { background-color :#666666; color:#f5f5f5; border-bottom: 1px solid #666666; border-right: 1px solid #666666; text-decoration: none; }

div.section-description { clear:both; float:left; width:100%; margin: 0; margin-top: 5px; margin-bottom: 5px; padding: 0; background-color: #fffff0; }
div.section-description p { margin: 0; padding: 5px; border: #666666 1px solid;}

div.caption { clear: both; float: left; width: 100%; background-color : #cfd0d0; background-image: url("images/caption.gif"); background-position :top left; background-repeat: repeat-x; margin: 10px 0 10px 0; padding: 0px; text-align: left; }
div.caption div { clear: both; margin : 0; padding: 3px; padding-left: 20px; border: 1px solid #aeaeae; color: #be0000; font: bold 13px "trebuchet ms", Arial; }

div.form-container { clear: both; margin: 0; padding: 5px 0; }
div.form-container form p { margin: 0; padding: 0; }
div.form-container form input[type=text] { width: 200px }
div.form-container form input[type=password] { width: 200px }
div.form-container form p.note { margin : 5px 5px 5px 230px; padding: 1px; width: 300px; background-color: #ffffe8; border: 1px dashed #bebebe; }
div.form-container form fieldset { -moz-border-radius: 15px; margin: 10px 0; padding: 10px; border: #dddddd 1px solid; }
div.form-container form legend { font-weight: bold; color: #000000; margin: 0 0 0 0;}
div.form-container form fieldset div { padding: 0.25em 0;}
div.form-container label ,div.form-container div.label {clear: both; margin: 0; padding-right: 10px; width: 220px; display: block; float: left; text-align: right;}
div.form-container div.section { clear: both; width: 100%; background-color: #666666; color: #ffffff; padding: 0; margin: 3px 0 3px 0; }
div.form-container div.section div { padding: 5px; }
div.form-container div.controlset { padding: 0; margin: 0 30px 0 230px; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.buttonrow { clear : both; }
div.form-container div.buttonrow div.buttons { margin-left: 230px; padding: 3px 3px 3px 10px; }
div.form-container input.button { margin: 0; padding: 3px; }

div.grid { clear:both; float: left; width: 100%; margin: 5px 0 10px 0; }
div.grid div.head { -moz-border-radius: 10px 10px 0 0; clear: both; float: left; background-color: #666666; color: #FFFFFF; font-size: 13px; font-weight: bold; font-family:  "trebuchet ms", Arial; }
div.grid div.row { clear: both; float: left; border-bottom: 1px solid #cfcfcf; }
div.grid div.row a:link ,div.grid div.row a:visited {font: 13px "trebuchet ms", Arial; color:#00699b; text-decoration:none; }
div.grid div.row-over { clear: both; float: left; background-color: #f4f4f4; border-bottom: 1px solid #cfcfcf; }
div.grid div.row-over a:link ,div.grid div.row-over a:visited { font: 13px "trebuchet ms", Arial; color:#376f00; text-decoration: none; }
div.grid div.row-over a:hover { font: 13px "trebuchet ms", Arial; color:#6c0000; text-decoration: underline; }

div.grid div.cell { float: left; padding: 5px; overflow: hidden; }
div.grid div.control-cell { float: right; padding: 5px; overflow: hidden; }
div.grid div.label { float: left; padding: 5px; overflow: hidden; font-weight: bold; text-align: right;}
div.grid div.content { float: left; padding: 5px; }

div.journal-badge { float: left; clear:both; margin: 3px 0 3px 0; padding: 0; }
div.journal-badge div.info { float: left; padding: 0; margin: 0; }
div.journal-badge div.info div.row { clear: both; float: left; padding: 0; margin: 1px 0 0 0; }
div.journal-badge div.info div.row div.label { float: left; width: 200px; margin: 0; padding: 3px 10px 3px 3px; text-align: right; font-weight: bold; }
div.journal-badge div.info div.row div.description { float: left; width: 330px; height: auto; margin: 0; padding: 3px; text-align: left; }
div.journal-badge div.cover-image { float: right; padding: 0; margin: 0; }

#ajax_listOfOptions{
        position:absolute;	/* Never change this one */
        width:300px;	/* Width of box */
        height:250px;	/* Height of box */
        overflow:auto;	/* Scrolling features */
        border:1px solid #666666;	/* Dark green border */
        background-color:#FFF;	/* White background color */
        text-align:left;
        font-size:13px;
        z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
        margin:1px;		
        padding:1px;
        cursor:pointer;
        font-size:13px;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
        
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
        background-color:#666666;
        color:#FFF;
}
#ajax_listOfOptions_iframe{
        background-color:#F00;
        position:absolute;
        z-index:5;
}