@charset "utf-8";
/*	CSS Document
		Developed by:  Stephen Smith [smsmith@unmc.edu]
		Created: 03/18/2008
		Updated: 07/16/2008 (Stephen Smith)
		Notes: OMMRS - CSS File for Version 2 of Website
		This site has replaces the layout used in previous versions in favour
		of a CSS based layout.
*/

body {background-color: #34373E;}
p, blockquote, td, ol {font-family: Georgia, Times New Roman, Times, serif; font-size: 16px; line-height: 22px; color: #333333;}
#centerlayout {width: 800px; margin: 0 auto 0 auto; background-color: #C4CECD;}
#loginbox {width: 790px; margin: 0px 0px 0px 0px; height: 35px; padding: 2px 10px 0px 0px; background-color: #666666;}
#headerbox {width: 800px; margin-top: 0px; background: url(../images/ommrsWebsiteHeader.jpg) no-repeat; height: 230px; padding: 0px;}
#contentbox-back {width: 800px; background: url(../images/heroesContentBack.gif) repeat-y; padding: 0px 0px 0px 0px;}
#contentbox {width: 790px; padding: 0px 5px 0px 5px; background-color: #C4CECD;}
#footerbox {clear: both; width: 800px; background-color: #2C2D47; padding: 0px ; border-top: #FFFFAF solid 10px;}
#footerbox-content {clear: both; width: 780px; padding: 10px;}
#full-contentbox {width: 760px; margin: 10px 10px 10px 10px; padding: 10px 0px 10px 0px; clear: right;}
#full-contentbox-padded {width: 740px; margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px; clear: both;}

#half-contentbox {width: 380px; margin: 10px 10px 10px 10px; padding: 10px 0px 10px 0px; clear: right;}

#wide-contentbox {float: left; width: 440px; margin: 10px 15px 10px 5px; padding-bottom: 20px}
#narrow-contentbox {float: right; width: 310px; margin: 10px 5px 10px 5px;}
#one-third-contentbox {float: left; width: 240px; margin: 10px 5px 0px 15px; clear: right;}
#two-third-contentbox {float: left; width: 480px; margin: 10px 5px 0px 15px; clear: right;}

#interior-full-contentbox {width: 740px; margin-bottom: 10px; padding: 0px 5px 0px 5px; clear: left;}
#interior-wide-contentbox {float: left; width: 428px; margin-bottom: 10px; padding: 0px 5px 0px 5px;}
#interior-narrow-contentbox {float: right; width: 288px; margin-bottom: 10px; padding: 0px 5px 0px 5px;}

/* SELECTIONBOX AND MENUBOX ARE USED ON PAGES WHERE THE USER WILL SELECT ITEMS FROM A MENU AND THEN FROM A LIST OF AVAILABLE CONTENT */
#wide-selectionbox {float: right; width: 440px; margin: 10px 10px 10px 10px;}
#narrow-menubox {float: left; width: 300px; margin: 10px 10px 10px 10px;}
#interior-wide-selectionbox {float: right; width: 488px; margin-bottom: 10px; padding: 0px 5px 0px 5px; border: solid #BDCFD7 1px;}
#interior-narrow-menubox {float: left; width: 228px; margin-bottom: 10px; padding: 0px 5px 0px 5px; border: solid #BDCFD7 1px; background-color: #f2fafc}

#interior-wide-titlebox {float: left; width: 440px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#interior-narrow-titlebox {float: right; width: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#interior-wide-selectionbox-titlebox {float: right; width: 500x; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#interior-narrow-menubox-titlebox {float: left; width: 240px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#narrow-addressbox {float: right; width: 220px; margin: 0px 0px 0px 5px;}

/* =HEADINGS */

h1, h2, h3, h4, h5 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #DF0C11;	margin: 0px; padding: 5px 0px 5px 0px;}

/* =UL STANDARD TEXT */

.normal-ul {font-family: Georgia, Times New Roman, Times, serif; font-size: 16px; line-height: 22px; color: #333333;}
.links-ul {font-family: Georgia, Times New Roman, Times, serif; font-size: 16px; line-height: 22px; color: #333333; list-style:none; margin-left: 0px; padding-left: 10px;}

/* =MENU FORMATTING */

/* MAIN MENU */

#mainmenu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; position: relative;	padding-top:195px; padding-left:0px;}
#mainmenu ul {list-style: none; margin: 0; padding:0;}
#mainmenu li {float:left; text-align:center;}	
#mainmenu ul li a {height:16px; display:block; text-decoration:none; padding:10px 10px; float:left;}
#mainmenu ul li a:link{color: #000000;text-decoration:none;}
#mainmenu ul li a:visited{color: #000000; text-decoration:none;}
#mainmenu ul li a.selected{text-decoration:none;}
#mainmenu ul li a:hover{color: #FFFFFF; text-decoration:none;}

/* FOOTER MENU */

#footer-menu {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f2fafc; position: relative; padding-top: 10px;}
#footer-menu ul {list-style: none; margin: 0px; padding: 0px;}
#footer-menu li {float: left;}
#footer-menu ul li a {height: 10px; display: block; text-decoration: none; padding: 20px 5px; float: left;}
#footer-menu ul li a:link {color: #f2fafc; text-decoration: none;}
#footer-menu ul li a:visited {color: #f2fafc; text-decoration: none;}
#footer-menu ul li a:selected {color: #f2fafc; text-decoration: none;}
#footer-menu ul li a:hover {color: #ffff99; text-decoration: none;}

/* =TEXT FORMATTING */

.standout {font-size: 20px;}
.white {color: #FFFFFF;}
.gray {color: #CCCCCC;}
.red {color: #DF0C11;}
.green {color: #009900;}
.ommrs-orange {color: #FCD22A;}
.ommrs-yellow {color: #FFFFAF;}
.member-login {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFCC; font-size: 10px; line-height: 10px;}
.footertext {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFCC; font-size: 14px; line-height: 18px;}
.copyrighttext {font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 11px; line-height: 14px;}
.footermenutext {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFCC; font-size: 12px; line-height: 16px;}
.datetext {color: #A1AC8C; font-weight: bold;}

/* =HYPERLINK FORMATTING */
A:link	{color: #FFFFFF; text-decoration:none;}
A:visited {color: #FFFFFF; text-decoration:none;}
A:hover {color:#FF6600; text-decoration:none;}

/* THIS STYLE IS CURRENTLY INACTIVE 
A.footerlinks:link	{color: #FCD22E; text-decoration:none;}
A.footerlinks:visited {color: #FCD22E; text-decoration:none;}
A.footerlinks:hover {color:#DF0C11; text-decoration:none;}
*/

/* =JAVASCRIPT EXPANDER */


/* =FORM ELEMENT STYLING */

.textarea {background-color: #cfcfcf; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; border: 1px solid #999999; padding: 3px;}
.button {background-color: #556270; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #f2fafc; border: 1px solid #cccccc; padding: 3px;}

/* =FORM ELEMENT STYLING */

.textareaGray {background-color: #efefef; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; border: 1px solid #999999; padding: 5px 5px 0px 5px; height: 20px; width: 400px;}
.textareaGray-short {background-color: #efefef; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; border: 1px solid #999999; padding: 5px 5px 0px 5px; height: 20px; width: 300px;}
.selectionareaGray {background-color: #efefef; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; border: 1px solid #999999; padding: 5px 5px 0px 5px; height: 30px; width: 400px;}
.selectionareaGray-short {background-color: #efefef; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; border: 1px solid #999999; padding: 5px 5px 0px 5px; height: 30px; width: 300px;}
.inputTellFriend {background-color: #efefef; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; margin-bottom: 10px; border: 1px solid #999999; padding: 5px 5px 0px 5px; height: 20px; width: 306px;}
.textareaTellFriend {background-color: #efefef; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; margin-bottom: 10px; border: 1px solid #999999; padding: 5px 5px 0px 5px; height: 50px; width: 306px;}
.buttonPurple {background-color: #2C2D47; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; border: 1px solid #cccccc; padding: 5px 5px 5px 5px;}

input:focus, textarea:focus {background-color: #f2fafc; border: 1px solid #b50d0d;}