@charset "utf-8";
/* Global Reset */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1.5;font-family: helvetica, arial, sans-serif;}
ol, ul {list-style:none;}
a{text-decoration:none;color:#000;}
a:active{color:#000;}
a:visited{color:#000;}
table{height: auto;width:100%;}
tr{height:auto;width:100%;}
td{height:100%;width:auto;vertical-align:middle;text-align:center;}
form{height:auto;width:auto;/*overflow:hidden;*/}
/* End Global Reset */
html{height: 102%;/*Create perminent verticle scrollbar to prevent slide-animation page jumps*/}
body{background: #FFF;overflow: auto;}
select{width: 50%;}
div#wrapper{position:relative;height:auto;width:962px;margin:0 auto;/*overflow: hidden;*/border:1px solid black;}
div#header_wrap{background: #293227;position: relative;height: 173px;width: 960px;border: 1px solid #21281f;}
div#header{/*background: url(../imgs/header_bg.png) repeat-x;*/position:relative;height:136px;width:960px;clear:both;/*border: 1px solid #21281f;padding-top: 57px;*/}
div#header_left{position:relative;float:left;height:136px;width:300px;}
div#logo{position:relative;height:100px;width:300px;}
img#logo_pic{padding-top:35px;padding-left:60px;}
div#greeting{
position:absolute;
right:0px;
bottom:-5px;
text-align:right;
height:50px;
width:285px;
margin-right:78px;
border-top-style:solid;
border-top-width:1px;
border-top-color:#fff;
}
p#greets{
padding-top:10px;
color:#FFF;font-size:8px;}
p#greets a{text-decoration:none;color:#fff;}
p#greets a:active{color:#fff;}
p#greets a:visited{color:#fff;}
p#greets a:hover{color:#ccc;}
div#header_right{position:relative;float:left;height:136px;width:660px;}
div#title{position:relative;height:136px;width:660px;}
p#title{height:auto;width:100%;color:#FFF;font-family: Garamond, Times New Roman, sans-serif;font-weight:bold;font-size:24px;text-align:center;padding-top:50px;}
div#menu{background:url(../imgs/menu_banner_bg.png) -1px 0px repeat-x;position:relative;height:48px;width:968px;left:-2px;z-index:20;
}
img#menu_banner_left{position:absolute;height:65px;width:23px;top:-17px;left:-23px;}
img#menu_banner_right{position:absolute;height:65px;width:23px;top:-17px;left:964px;}
/* MENU ITEMS STYLE */
div#menu_form{position:relative;height:48px;width:960px;z-index:99;}
div#menu_form_field{position:relative;height:48px;width:960px;z-index:99;}
#menu_items{position:absolute;clear:both;height:48px;width:952px;padding-left:10px;z-index:99;}
/*
* maybe need to have wrapper inside UL but outside LIs and have it
* have margin-left/right auto so that when not administrator logs
* in the menu items won't be pushed all to the left. Maybe this will
* help make sure also aligned in the center
*/
ul#menu_items li{display:block;height:49px;width:auto;float:left;padding-top:8px;padding-left:3px;margin-left:auto;margin-right:auto;}
ul#menu_items li:hover ul{display:block;}
/*This was affecting the submenu items for some reason. CHECK IT OUT!
#menu_form_field ul#menu_items li a{
display:block;
height:100%;
width:100%;
}*/
#menu_form_field ul#menu_items li ul{top:49px;}/*Specifically call the submenu this way and set the top for uniformity
across all browsers for it's top position. Otherwise, Opera and IE have it positioned higher up*/
/*To make the submenu verticle when the parent menu items are floated:left. You first have to refer to the parent menu
div of the first then immediately refer to the inner submenu item */
#menu_form_field ul.menu_item_subitems{background:#c6854e;position:absolute;height:auto;width:auto;min-width:75px;margin-top:-1px;border-right: 1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-top:3px solid #684629;display:none;z-index:999;}
#menu_form_field ul.menu_item_subitems li{background:transparent;position:relative;float:none;height:30px;width:auto;margin-left:1px;margin-right:1px;border-bottom:1px solid #684629;border-top:1px solid #c49165;margin-left:2px;margin-right:2px;display:block;z-index:999;}
#menu_form_field ul.menu_item_subitems li:first-child{border-top:none;}
#menu_form_field ul.menu_item_subitems li:last-child{border-bottom: none;}
#menu_form_field ul.menu_item_subitems li span{position:relative;display:block;height:30px;width:auto;bottom:4px;margin-left:5px;border-left:2px solid #684629;}
#menu_form_field ul.menu_item_subitems li span:first-child{}
/*#menu_form_field ul.menu_item_subitems li:first-child{border-top:2px solid #684629;}*/
#menu_form_field ul.menu_item_subitems li a{position:relative;display:block;height:auto;width:auto;margin-left:3px;padding-right:10px;top:2px;z-index:999;}
/*hover effect on submenu item's anchor background when parent menu item is hovered*/
#menu_form_field ul.menu_item_subitems li:hover a{display:block;background:#cfc5ac;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
/*Apply the class "parent" to a:hover, and to the li hover.parent to the anchor in general, then immediately set attributes to a
#menu_form_field ul#menu_items li.parent > a:hover,
#menu_form_field ul#menu_items li:hover.parent > a{background: url(../imgs/menu_arrow.png) no-repeat center 50px;position:absolute;z-index:9999;}*/
#menu_form_field ul#menu_items li.parent > a:hover,
#menu_form_field ul#menu_items li:hover.parent > a{background:#FFF;}
#menu_form_field ul.menu_item_subitems li a img{position:relative;display:block;top:2px;left:3px;}
#menu_form_field ul.menu_item_subitems li a img#submenu_create_new_user{height:25px;width:141px;}
#menu_form_field ul.menu_item_subitems li a img#submenu_create_new_class{height:25px;width:144px;}
#menu_form_field ul.menu_item_subitems li a img#submenu_create_new_measure{height:25px;width:166px;}
#menu_form_field ul.menu_item_subitems li a img#submenu_create_new_metric{height:25px;width:154px;}
#menu_form_field ul.menu_item_subitems li a img#submenu_create_new_lo{height:25px;width:236px;}
#menu_form_field ul.menu_item_subitems li a img#submenu_create_new_report{height:25px;width:158px;}
/* END MENU ITEM STYLE */
div#content{background:url(../imgs/content_bg.png) top left repeat-x;background-color:#cdcec3;position:relative;/*overflow: hidden;*/height:auto;width:962px;/*padding-top: 45px;padding-bottom: 45px;*/}
div#content_top_wrap{position:relative;height:auto;min-height:80px;width:8;/*padding-top: 35px;*/padding-left: 93px;}
div#content_top{background:#f4f4f4;position:relative;height:80px;width:768px;border-top:1px solid #bbbbbb;border-left:1px solid #bbbbbb;border-right:2px solid #bbbbbb;border-bottom:2px solid #bbbbbb;/*margin-left: auto;margin-right: auto;*/}
div#noscript_wrap{position:relative;height:50px;width:92%;margin-left:auto;margin-right:auto;}
div#noscript{height:auto;width:auto;background:#FF9090;border-top:2px solid #FF665B;border-right:2px solid #FF665B;border-bottom:2px solid #FF665B;border-left:8px solid #FF665B; margin-top:13px;}
div#noscript img#warning{position:relative;display:inline;height:35px;width:35px;padding-top:8px;padding-left:10px;}
div#noscript p{position:relative;display:inline;height:auto;width:auto;font-size:12px;color:#000000;top:-12px;}
div#content_mid_wrap{position:relative;overflow:hidden;clear:both;height:auto;min-height:470px;width:960px;padding-top:45px;padding-bottom:45px;}
/* LOGIN STYLE */
div#login_wrap{background:#f4f4f4;position:relative;height:auto;width:768px;border-top:1px solid #bbbbbb;border-left:1px solid #bbbbbb;border-right:2px solid #bbbbbb;border-bottom:2px solid #bbbbbb;/*margin-left: auto;margin-right: auto;*/margin-left:93px;margin-top:25px;}
div#login_form{position:relative;height:auto;width:auto;margin-left:30%;padding-top:55px;padding-bottom:55px;}
div#form_header{position: relative;height:35px;width:315px;z-index:98;}
img#login_form_top{position:absolute;height:41px;width:315px;z-index:98;}
img#login_form_title{position:absolute;height:35px;width:103px;top:5px;left:60px;z-index:100;}
img#rp_form_title{position:absolute;top:5px;left:0px;z-index:100;}
div#form_content{background:#FFF;position:relative;clear:both;height:auto;width:313px;border-left:1px solid #293227;border-right:1px solid #293227;overflow:hidden;z-index:0;}
div#err_msg{position:relative;overflow:hidden;height:auto;min-height:39px;width:auto;padding-top:25px;padding-bottom:6px;}
p#err_msg_txt{height:auto;width:auto;color:red;font-size:12px;font-weight:bold;padding:5px 5px 7px 15px;margin-left:auto;margin-right:auto;text-align:center;}
img#err_msg_pic{position:relative;height:auto;width: auto;top: 7px;left:-10px;}
div#login_form_field{position:relative;height:auto;width:315px;}
form#login{position:relative;height:auto;width:100%;}
label.lbl_txt{color:#293227;font-size:14px;font-weight:bold;padding-left:15px;}
label#padding{padding-left:18px;}
div#username_faq{position:relative;height:40px;width:315px;}
p#faq_txt{color:#b0b0b0;font-size:10px;padding-top:5px;padding-left:100px;}
div#submit_btn{position:relative;height:26px;width:60px;padding-left:208px;padding-bottom:35px;}
input#submit{background:url(../imgs/btn_login.png) no-repeat;height:30px;width:88px;border:none;text-indent:9999px;padding:10px 0px 10px 0px;margin-top:15px;}
input#submit2{float:right; margin-right:40px;}
div#login_info{position:relative;height:auto;width:100%;border-top:1px dotted #293227;}
p#login_info_title, p#login_info_msg{color:#293227;font:12px/normal Times New Roman,Arial,Sans-Serif;height:auto;width:auto;}
p#login_info_title{cursor:pointer;margin:10px 15px 0px 20px;}
p#login_info_msg{margin:8px 15px 0px 20px;}
img#login_tri_down{height:9px;width:8px;display:block;margin-left:50%;padding-bottom:6px;}
.textbox{background:url(../imgs/textbox_bg.png) repeat-x;background-color:#FFF;border:2px solid #293227;color:#293227;font:bold 13px/normal arial,helvetica,sans-serif;padding:7px 7px;text-align:center;width:52%;margin-top:6px;}
textarea.textarea{background:url(../imgs/textbox_bg.png) repeat-x;background-color:#FFF;border:2px solid #293227;color:#293227;font:bold 13px/normal arial,helvetica,sans-serif;padding-bottom:25px;width:100%;overflow-y:scroll;overflow-x:hidden;}
div#form_bottom{position:relative;height:20px;width:315px;}
img#login_form_bottom_bg{height:20px;width:315px;}
/* END LOGIN STYLE */
/* HOME STYLE */
div#content_mid{background:#f4f4f4;position:relative;height:auto;width:890px;border-top:1px solid #bbbbbb;border-left:1px solid #bbbbbb;border-right:2px solid #bbbbbb;border-bottom: 2px solid #bbbbbb;margin-left: auto;margin-right: auto;margin-top: 25px;}
div#content_form{position:relative;height:auto;width:auto;margin-left:3.3%;padding-top: 55px;padding-bottom:55px;}
div#content_form_header{position:relative;height:35px;width:840px;z-index:98;}
div.content_form_title_banner{position: absolute;height:67px;width:415px;top:15px;left:-25px;z-index:98;}
div.cftb_left{background:url(../imgs/title_banner_left.png);position:relative;display:inline-block;height:67px;width:25px;z-index:99;}
div.cftb_mid_lg{background:url(../imgs/title_banner_mid.png) repeat-x;position:relative;display:inline-block;height:67px;width:352px;left:-4px;z-index:99;}
div.cftb_mid_sm{background:url(../imgs/title_banner_mid.png) repeat-x;position:relative;display:inline-block;height:67px;width:170px;left:-4px;z-index:99;}
div.cftb_right{background:url(../imgs/title_banner_right.png);position:relative;display:inline-block;height:67px;width:28px;left:-8px;z-index:99;}
img#announcements_form_title{position:absolute;height:35px;width:206px;top:7px;left:125px;z-index:100;}
div#content_form_mid{background:#FFF;position:relative;clear:both;height:auto;width:838px;border-left:1px solid #293227;border-right:1px solid #293227;overflow:hidden;padding-bottom:35px;z-index:0;}
div#announcement_content{background:#f4f4f4;position:relative;height:auto;min-height:100px;width:780px;margin-left:auto;margin-right:auto;margin-top:50px;border-top:1px solid #bbbbbb;border-left:1px solid #bbbbbb;border-right:2px solid #bbbbbb;border-bottom:2px solid #bbbbbb;}
div.post{height: auto;min-height:50px;width:746px;border-top:1px solid #FFF;border-bottom:1px solid #bbbbbb;margin-left:2px;margin-right:2px;padding:15px;}
div.post:first-child{margin-top:2px;border-top:none;}
div.post:last-child{border-bottom:none;}
p.posted_author{background:#bbbbbb;height:auto;width:736px;margin-top:1px;padding-left:11px;border:1px solid #9e9e9e;}
p.posted_txt{height:auto;width:736px;margin-top:8px;margin-bottom:2px;padding-left:10px;border-left:2px solid #bbbbbb;}
div#content_form_bottom{position:relative;height:21px;width:840px;}
img#content_form_bottom_bg{position: relative;height:21px;width:840px;}
/* END HOME STYLE */
/* DEBUG STYLE */
img#debug_form_title{position:absolute;height:35px;width:78px;top:6px;left:250px;z-index:100;}
/* END DEBUG STYLE */
/* ALL OTHER TABLE PAGES STYLE */
div#user_interactive_form,div#table_form{background:#f4f4f4;overflow:hidden;position:relative;height:auto;min-height:100px;width:780px;margin-left:auto;margin-right:auto;margin-top:50px;border-top:1px solid #bbbbbb;border-left:1px solid #bbbbbb;border-right:2px solid #bbbbbb;border-bottom:2px solid #bbbbbb;padding-bottom:15px;}
div#user_interactive_form{padding-bottom:20px;}
img#users_table_title{position:absolute;height:35px;width:79px;top:6px;left:245px;z-index:99;}
img#classes_table_title{position:absolute;height:35px;width:89px;top:6px;left:240px;z-index:99;}
img#measures_table_title{position:absolute;height:35px;width:106px;top:6px;left:220px;z-index:99;}
img#metrics_table_title{position:absolute;height:35px;width:91px;top:6px;left:235px;z-index:99;}
img#lo_table_title{position:absolute;height:35px;width:195px;top:6px;left:134px;z-index:99;}
table.user_interactive_table{height:auto;width:776px;margin-left:2px;margin-right:2px;padding:15px;}
div.table_row{position:relative;height:auto;width:775px;border-top:1px solid #FFF;border-bottom:1px solid #bbbbbb;margin-left:2px;margin-right:2px;}
div.table_row:first-child{border-top:none;}
div.table_cell{display:inline-block;vertical-align:middle;width:50%;height:100%;text-align:center;line-height:44px;padding-top:8px;padding-bottom:8px;}
input.btn_create{background:url(../imgs/btn_create.png) no-repeat;height:30px;width:88px;border:none;text-indent:9999px;margin-left:85%;margin-top:77px;}
/* END ALL OTHER TABLE PAGES STYLE */
div#criteriaHolder{background:#293227;}
table#table thead tr:first-child{background:#293227;}
table#table thead tr{color:#FFF;}
/* FOOTER STYLE */
div#footer{background:#293227;position:relative;clear:both;height:55px;width:960px;border:1px solid #21281f;padding-top:15px;padding-bottom:15px;}
div#footer_wrap{position:relative;height:55px;width:100%;}
div#footer_info{position:relative;height:55px;width:100%;}
p.footer_text{color:#FFF;font-weight:bold;font-size:12px;text-align:center;}
img#dot_img{margin-left:1px;margin-bottom:2px;}
.view_modal_cell{
background-color:#FFF;
}
a:link {color:#21401F;} /* unvisited link */
a:visited {color:#21401F;} /* visited link */
a:hover {
color:#000;
} /* mouse over link */
a:active {color:#000;} /* selected link */
/* Z-index of #mask must lower than #boxes .window */
#mask {
position:absolute;
z-index:9000;
background-color:#000;
display:none;
}
#boxes .window {
position:absolute;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
width:375px;
height:203px;
}
.import_menu{
text-align:left;
background-color: #FFF;
margin-left:30px;
margin-right:30px;
padding:25px;
}
.import_options{
background-color: #FFF;
clear:both;
padding:10px;
overflow:auto;
}
.import_option{
background-color: #FFF;
float:left;
height:60px;
width:300px;
border-style: solid;
border-width: 1px;
border-color:#000;
padding:10px;
margin-left:15px;
}
.import_data_cont{
border-style: solid;
border-width: 1px;
border-color:#333;
padding:10px;
margin-left:15px;
}