body {
	font-family: Helvetica,sans-serif;
	font-size: 13px;
        line-height:20px;
	color:#2f2b2b;
	margin: 0;
	padding: 0;
	background: #d8d5ab;
	}

h1 {margin:0; padding:0; font-size: 21px; border-bottom:1px solid #444; padding:3px 0; color: #575656;}
h2, h3, h4 { border-bottom: 0px; color:#606060; }
h2 { font-size:17px; }
h3 { margin-bottom:4px; margin-top: 0px;}
h4 { border-bottom: dotted 1px #c0c0c0; }

a, a:link, a:visited{ color: #dfa33f; text-decoration: none; }
a:hover, a:active{ color: #dfa33f; text-decoration: underline;}
a img { border: 0; }

hr { width: 100%; margin: 10px auto 10px auto; height: 1px; background: #ccc; border: 0; }

/***** Layout *****/
#container {
    margin: 0 auto;
    width: 1060px;
    background-color: #fff;
}
#header {
	height:250px;
	width:1060px;
	margin-left: 0px;
    margin-top: 0px;
	background: #7e9c3c url(/media/theme/WRARS_banner.jpg) no-repeat scroll 0 0px;
}

#main {
	width:1060px;
	background: url(/media/theme/WRARS_body.jpg) repeat-y scroll 0 0;
	margin-left: 0px;
    margin-top: 0px;
	min-height:600px;
}

#footer {
	width:1060px;
	height:150px;
	padding:0;
    display: black;
	background: url(/media/WRARS_footer.jpg) repeat-y scroll 0 0;
}
#footer-copyright {
    clear: both;
    color: #D8D5AB;
    display: block;
    font-size: 0.9em;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 30px;
    width: 1000px;
}
#footer_space {
	background: url(/media/WRARS_footer_space.jpg) repeat-y scroll 0 0;
    height: 10px;
}
#footer-copyright a {
    color: #D8D5AB;
}
#page-sidebar {
	min-height:600px;
	width:167px;
	float:left;
    background-color: #7f9c3c;
    padding-top: 5px;
    margin-left: 30px;
}

#page-content {
	float:left;
    margin-top: 0px;
    padding-bottom: 20px;
	width:800px;
    padding-left: 20px;
    padding-right: 10px;
}
#page {
	float:left;
    padding-top: 0px;
    padding-left: 5px;
    padding-bottom: 20px;
	width:828px;
    background-color: #fff;
}
.print-button a:link, .print-button a:visited {
	background:#999999 url(/media/tooltag-print.gif) no-repeat scroll right top;
	}
.print-button a:hover {
	background:#5B80B2 url(/media/tooltag-print_over.gif) no-repeat scroll right top;
	}
	.download-button a:link, .download-button a:visited {
		background:#999999 url(/media/tooltag-print.gif) no-repeat scroll right top;
		}
	.download-button a:hover {
		background:#5B80B2 url(/media/tooltag-print_over.gif) no-repeat scroll right top;
		}
.dialog #header {
    display:none;
}
.dialog #top-menu {
    display:none;
}

.no_sidebar #page-sidebar {
}
.no_sidebar #page-content {
}

/** superfish menu css **/

.menu_depth_0, .menu_depth_0 * {
    margin:  0;
    padding: 0;
    list-style: none;
}
.menu_depth_0 {
    line-height: 30px;
}
.menu_depth_0 ul {
    position: absolute;
    top:   -999em;
    width: 197px; /* left offset of submenus need to match (see below) */
}
.menu_depth_0 ul li { width: 100%;}
.menu_depth_0 li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.menu_depth_0 li {
    float: left;
    position: relative;
}
.menu_depth_0 a {
    display: block;
    position: relative;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;

}
.menu_depth_0 li:hover ul, .menu_depth_0 li.sfHover ul {
        left: 0;
        top:  42px; /* match top ul list item height */
        z-index: 99;
}
ul.menu_depth_0 li:hover li ul, ul.menu_depth_0 li.sfHover li ul {  top: -999em; }
ul.menu_depth_0 li li:hover ul,ul.menu_depth_0 li li.sfHover ul {
        left: 158px; /* match ul width */
        top:  0;
}
ul.menu_depth_0 li li:hover li ul, ul.menu_depth_0 li li.sfHover li ul { top: -999em;  }
ul.menu_depth_0 li li li:hover ul, ul.menu_depth_0 li li li.sfHover ul {
        left: 158px; /* match ul width */
        top: 0;
}

.menu_depth_0 a, .menu_depth_0 a:visited {
	color:#7f9c3c;
	height:30px;
}
.menu_depth_0 a:hover {
	text-decoration:none;
        /*background-color: #585858;*/
        /*background: transparent url(/media/theme/button_over.jpg) repeat-y scroll 0 0;*/
}

.menu_depth_0 a:focus { outline:none; }
.menu_depth_0 li {
	/*padding-left:20px; */
	height:50px;
	background: transparent;
        border-bottom:0px solid white;
}
#page-sidebar .menu_depth_0 li {
    background: #a8b87a;
    width: 167px;
    margin-top: 10px;
    min-height: 40px;
    height: auto;
}
#page-sidebar .menu_depth_0 .selected {
    background: #574713;
}
#page-sidebar .menu_depth_0 a {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.3;
    font-family: "Helvetica";
    margin-left: 10px;
    height: auto;
}
.menu_depth_0 .selected a {
        /*background-color: #585858;*/
        /**background: transparent url(/media/theme/button_over.jpg) repeat-y scroll 0 0;**/
    color: #2f2f2f;
}
.menu_depth_0 .selected ul a {	color: #fff;	font-style:normal; }

.menu_depth_0, .menu_depth_0 li {
    list-style:none outside none;
    margin:0;
    padding:0;
}
.menu_depth_0 li:hover ul,
.menu_depth_0 li.sfHover ul {
    left: 160px; /* match ul width */
    top: 0;
}


/*** popup menu shadows for all but IE6 ***/
.menu_depth_0 ul {
        background:     url('shadow.png') no-repeat bottom right;
        padding: 0 8px 9px 0;
        -moz-border-radius-bottomleft: 17px;
        -moz-border-radius-topright: 17px;
        -webkit-border-top-right-radius: 17px;
        -webkit-border-bottom-left-radius: 17px;
        margin: 0;
}
.menu_depth_0 ul.sf-shadow-off {
        background: transparent;
}



/** login form style **/
#login-form {
	margin-left:20px;
	width:450px;
	margin-top:50px;
}

#login-form div { padding:5px; }
#login-form label {
	padding-right:10px;
	text-align:right;
	width:130px;
	float:left;
}


.general-form textarea { width:435px;}
.general-form .odd { background-color:transparent;}
.general-form .form-row { border-bottom: 1px dotted #aaa; float: left; width: 600px;}
.general-form .button-row { border-bottom:none; }

.general-form  .errors { background-color: #FFFFCC; }

dl.left, dl.right {
        display:block;
        width:222px;
        padding-left:5px;
        background:transparent url(/media/list_icon.gif) no-repeat scroll 0 8px;
	white-space:nowrap;
}
dl dt { font-size:1.2em; }
dl dd { margin-left:10px; }
dl dd.title { font-size:0.9em; line-height:1.0em;}
dl.left  { float:left; clear:both; }
dl.right { float:right; clear:right; }
#menu_depth_0 ul {
    padding: 0px;
}
#top-menu {
    display: block;
    margin:0;
    padding:0;
    position:relative;
    width:828px;
    float: left;
    background: transparent url(/media/theme/WRARS_gradient.jpg) repeat-x scroll 0 0;
    height: 50px;
}
#top-menu ul {
    margin-left: 20px;
    margin-top: 5px;
}
#top-menu ul li {
    display:block;
    float:left;
    margin:0;
    padding-right: 25px;
}
#top-menu a {
    color: #7f9c3c;
    font-weight: 600;
    font-family: "Tahoma";
    font-size: 1.3em;
    letter-spacing: 0.1em;
}
#top-menu a:hover {
    color: #f7af0e;
    text-decoration: none;
}
#top-menu .selected a {
    color: #575656;
    text-decoration: none;
}
.general-table .row-control-edit a div {
background:url("/media/cms_media/icon_changelink.gif") no-repeat scroll 2px 0 transparent;
height:12px;
width:12px;
}
/***those rounded add buttons **/
* html .link-bar { /* fix for ie bug? */
	height: 1%;
}
.link-bar {
    position:relative;
    height:25px;
    margin-top:auto;
    display:block;
    vertical-align:bottom;
    float: left;
    width: 100%;
}

.link-bar-left {
	position:absolute;
	bottom:0px;
	}
.link-button {
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	position:absolute;
	bottom:1px;
	right:0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; /* top== link-bar.height - link-button.line-height */
}
.link-button li {
	/* background:transparent url(/media-admin/img/admin/tool-left.gif) no-repeat scroll 0 0; */
	display:block;
	float:left;
	height:16px;
	padding:0 0 0 8px;
	margin:0 0px 0 6px;
}
.link-button li:hover {
	/* background:transparent url(/media-admin/img/admin/tool-left_over.gif) no-repeat scroll 0 0; */
}
.link-button a:link, .link-button a:visited {
	/* background:#999999 url(/media-admin/img/admin/tooltag-add.gif) no-repeat scroll right top; */
	color:white;
	display:block;
	float:left;
	height:14px;
	padding:0.1em 28px 0.1em 12px;
}

.link-button a:hover {
	background:#5B80B2 url(/media-admin/img/admin/tooltag-add_over.gif) no-repeat scroll right top;
}

}

.general-table tr.selected-row { background-color:#ffffdd; }

#wrars-management {
    background:transparent url('/media/theme/wrars.management.png') no-repeat scroll 0 0;
    width: 159px;
	height: 50px;
    margin: 0 auto;
	margin-bottom: 0px;
	margin-top: 10px;
}
#project-funding {
    background:transparent url('/media/theme/project.funding.png') no-repeat scroll 0 0;
    width: 159px;
	height: 50px;
    margin: 0 auto;
	margin-bottom: 0px;
	margin-top: 10px;
}
#sidebar-logo {
    background:transparent url(/media/theme/GM_LOGO.jpg) no-repeat scroll 0 0;
    width: 159px;
    height: 84px;
    margin: 0 auto;
}

.general-table .row-control-view-records a div {
    background: url("/media/theme/log.png") no-repeat scroll 2px 0 transparent;
    height: 12px;
    width: 12px;
}

#header ul li { list-style: none; }
#header ul { margin: 0px;}

#footer-menu {
    display: block;
    float: right;
    height: 25px;
    left: -50%;
    margin: 0 auto;
    position: relative;
    top: 19px;
}
#footer-menu ul {
    height: 20px;
    left: 50%;
    margin-top: 0;
    padding: 0;
    position: relative;
}
#footer-menu ul li {
    display: block;
    float: left;
    padding-left: 20px;
}
#footer-menu ul li a {
    color: #FFFFFF;
}


ul.messagelist {
    display: block;
    margin: 6px 0;
    padding: 0;
}

ul.messagelist li {
    background: #ffffcc url("/cms_media/icon_success.gif") no-repeat scroll 5px 0.3em;
    border-bottom: 1px solid #dddddd;
    color: #666666;
    display: block;
    font-size: 15px;
    margin: 0 0 3px;
    padding: 1px 5px 2px 25px;
}

ul.messagelist li.error {
    background: url("/cms_media/icon_error.gif") no-repeat scroll 5px 0.3em #FFFFCC;
    border-bottom: 1px solid #DDDDDD;
    color: #666666;
    display: block;
    font-size: 15px;
    margin: 0 0 3px;
    padding: 1px 5px 2px 25px;


}

.id-col { width: 30px; }
.num { text-align: right;}


.pair_left, .pair_right  { width: 280px; }
.pair_left input, .pair_right input { width: 270px; }

.pdf { background: rgba(0, 0, 0, 0) url("/media/adobe.jpeg") no-repeat scroll 0 0;
    height: 25px;
    margin: 0 auto;
    width: 25px;}


	label { font-weight: bold; }

	.center { text-align: center;}


	#search_field { width: 250px; margin-right: 10px; }

.selectfilter { width: 400px; height: 300px;}