/* CSS Document */ /********** General ***********/ body{margin:0px 0px 40px; padding:0px; background:#e9e9e9; color:#474747; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:18px} h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, form, textarea, select{padding:0px; margin:0px; font-weight:normal} a img{border:0px; padding:0; margin:0} .tinyText{font-size: 9px; display: inline;} H2{margin-top: 20px; margin-bottom: 5px; color: #000;} /********** Error and Notice ***********/ .notice{padding: 15px; border: 1px solid #990000; color: #990000; font-size: 14px;} .error {padding: 15px; color: #990000; font-size: 14px;} .error ul{margin-left: 20px;} .error h2 {color: #990000; margin-top: 5px; padding-top: 5px;} /********** Forms ***********/ /*input, textarea{padding: 5px; border: 1px solid #666; background-color: #f8f8f8; display: inline;} * html input, * html input textarea{padding: 1px; height: auto; font-size: 1.2em; border: 1px solid #666; border-bottom: 1px solid #ccc; border-right: 1px solid #eee;} input:hover,textarea:hover{border: 1px solid #63b1c8; background-color: #FFF;} input:focus,textarea:focus{border: 1px solid #B802B4; background-color: #FFF;} a.cancel{font-size: 11px; color: #000 !important; padding: 5px !important; border: 1px solid #666; background-color: #EEE; font-weight: normal !important; display: inline;} a.cancel:hover{color: #990000; border: 1px solid #990000; background-color: #FFF;}*/ /********** Header **********/ #Header{height:104px; background: #e9e9e9 url('/images/layout/header_bg.jpg') top left; position: relative;} #Header #Logo{position: absolute; top:5px; left:20px; width:296px; height: 80px; background: transparent url('/images/layout/srLogoBadge.png') top left;} #Header #Slogan{position: absolute; top:30px; left:358px; color:#fff; font-style: italic; font-size: 18px;} #Header #TopNav{position: absolute; top:0px; right: 10px; text-align: right; color: #fff; width: 500px;} #Header #TopNav a{color: #B802B4; text-decoration: none; font-weight: bold; display: block;} /********** Wrapper **********/ #Wrapper{} /********** Wrapper **********/ #Wrapper{text-align: center; margin: 10px auto; color:#474747 !important;} #Wrapper #Main{ width:700px; margin-left: auto; margin-right: auto; text-align: left; margin-top: 10px;} #Wrapper #Main .header{background: transparent url('/images/layout/win_head_bg.jpg') repeat-x top left;} #Wrapper #Main .header .left{background: transparent url('/images/layout/win_head_l.jpg') repeat-y top left;} #Wrapper #Main .header .topleft{background: transparent url('/images/layout/win_head_tl.jpg') no-repeat top left;} #Wrapper #Main .header .right{background: transparent url('/images/layout/win_head_r.jpg') repeat-y top right;} #Wrapper #Main .header .topright{background: transparent url('/images/layout/win_head_tr.jpg') no-repeat top right;} #Wrapper #Main .header .content{min-height: 26px; padding: 20px 20px 10px 20px; color: #fff;} * html #Wrapper #Main .header .content h1{margin-bottom: 10px;} #Wrapper #Main .header .content h2{font-size:18px; font-weight:bolder; color:#fff; line-height:22px; margin-top: 15px; } #Wrapper #Main .container {background: #fff url('/images/layout/win_b_bg.jpg') repeat-x bottom left;} #Wrapper #Main .container .bottom{background: transparent url('/images/layout/win_b.jpg') repeat-x bottom left;} #Wrapper #Main .container .left{background: transparent url('/images/layout/win_l.jpg') repeat-y top left;} #Wrapper #Main .container .bottomleft{background: transparent url('/images/layout/win_bl.jpg') no-repeat bottom left;} #Wrapper #Main .container .right{background: transparent url('/images/layout/win_r.jpg') repeat-y top right;} #Wrapper #Main .container .bottomright{background: transparent url('/images/layout/win_br.jpg') no-repeat bottom right;} #Wrapper #Main .container .content{min-height: 300px;padding: 5px 20px 25px 20px; font-size: 16px; line-height: 150%;} #Wrapper #Main .container .content .textWrapper{margin-left: 10px;} #Wrapper #Main .container .content a{color:#63b1c8; font-weight: bold; text-decoration: none; } #Wrapper #Main .container .content a:hover{color:#B802B4;} /********** Fields ***********/ .field-grp{ display:block; width:100%; float:left;padding-top:6px;margin-bottom: 5px; } .label-area{ width:150px; text-align:right; float:left; font-weight:bold; margin-right:8px; line-height:20px; color: #444;} .field-area{ width:300px; float:left; line-height:auto; padding:0; } .labeltext-area{ width:150px; float:left; text-align:right; font-weight:bold; margin-right:8px; line-height:20px; } .fieldtext-area{ width:290px; height:126px; float:left; line-height:17px; } .text-box{width:278px; height:125px; font-family:arial; font-size:11px; color:#666; border:1px solid #CCCCCC; } /*.inbox{width:200px;color:#666; border:1px solid #CCCCCC; padding: 5px 10px; }*/ .inbox{width:200px;}; .checkbox{ width:20px; float:left; display:block; padding-top: 0px;} /********** Navigation **********/ .navigation{font-size: 14px; padding-left: 12px; width: 400px;} .tabs{margin:0;padding:0;list-style:none;} .tabs li{float:left; margin-right:10px;} .tabs li a{float:left;margin:0; background:transparent url('/images/layout/tab_lightgray_l.jpg') no-repeat left top; padding:0 0 0 9px; text-decoration: none; display: block;} .tabs li b{display:block;background: transparent url('/images/layout/tab_lightgray_r.jpg') no-repeat right top;padding:5px 15px 4px 6px; color:#000;} .tabs li a:hover {background:transparent url('/images/layout/tab_gray_l.jpg') no-repeat left top; color: #fff;} .tabs li a:hover b{background:transparent url('/images/layout/tab_gray_r.jpg') no-repeat right top; color: #fff;} .tabs .current a {background:transparent url('/images/layout/tab_gray_l.jpg') no-repeat left top; color: #fff;} .tabs .current a b{background:transparent url('/images/layout/tab_gray_r.jpg') no-repeat right top; color: #fff;} /********** Very Top Tabs In Header **********/ #TopNav .tabs li{float: right;} #TopNav .tabs li a{color:#fff; background:transparent url('/images/layout/tab_topnav_bl.png') no-repeat left bottom;} #TopNav .tabs li b{color:#fff; background:transparent url('/images/layout/tab_topnav_br.png') no-repeat right bottom;padding-top:10px; padding:5px 15px 7px 6px;} #TopNav .tabs li a:hover{color:#B802B4;} #TopNav .tabs li a:hover b{color:#B802B4;} #TopNav .tabs li em{width:20px;background: transparent url('/images/layout/icon_sprite.png') no-repeat 0px 0px;} #TopNav .tabs li a:hover em{width:20px;background: transparent url('/images/layout/icon_sprite.png') no-repeat 0px -50px;} /************** Rows ***************/ div.row{padding: 5px 10px; border: 1px solid transparent; border-bottom: 1px solid #ccc; } /*div.row:hover{padding: 5px 10px; border: 1px solid #333333;}*/ div.rowPlain{padding:5px 5px;border: 1px solid transparent; border-bottom: 1px solid #ccc; } /*div.rowPlain:hover{border: 1px solid #333333;}*/ div.row .userName{float:left;width:170px;} div.row .projectName{float:left;width:auto; white-space:nowrap;} div.row .rowOptions{float:left; width:430px;font-size: 12px;} div.row .rowOptions a, div.row .rowOptions a:hover{color:#fff !important;} div.row .rowOptions{float:left; width:430px; display: block;border-left:1px solid #ccc;} div.row .rowOptions a{padding: 0px 15px; border-right:1px solid #ccc; font-size: 12px;} div.projectRow .row{padding:0px;} #Wrapper #Main h2, #Wrapper #Main .container .content, div.row{color: #474747 !important;} /************** Utility Box ********/ .utilityBox{padding: 5px; border-bottom: 1px solid #ccc; font-size: 13px; font-weight: bold; height: 30px;} .utilityBox a{color:#fff !important; } /************** Icons **************/ a.project{padding:5px; padding-left: 40px; background:transparent url('/images/layout/icon_sprite.png') no-repeat 5px 7px; display: block;} a.project:hover{padding:5px; padding-left: 40px;background:transparent url('/images/layout/icon_sprite.png') no-repeat 5px -44px; } div.projectName{padding-left: 25px; background:transparent url('/images/layout/icon2_sprite.png') no-repeat 0px 5px;} div.projectNameCheckbox{padding-left: 20px; background:transparent url('/images/layout/icon2_sprite.png') no-repeat 0px 5px; margin-left: 5px; float: left;} div.userName{padding-left: 20px; background:transparent url('/images/layout/sprite_all_icons.png') no-repeat 0px 3px;} div.ico_fld_login{padding-right:25px; background:transparent url('/images/layout/sprite_all_icons.png') no-repeat 210px -200px; width: 230px;} div.ico_fld_password{padding-right:25px; background:transparent url('/images/layout/sprite_all_icons.png') no-repeat 210px -250px; width: 230px;} div.ico_fld_project{padding-right:25px; background:transparent url('/images/layout/sprite_all_icons.png') no-repeat 210px -550px; width: 230px;} div.ico_fld_email{padding-right:25px; background:transparent url('/images/layout/sprite_all_icons.png') no-repeat 210px -850px; width: 230px;} /************** Buttons **************/ .rowOptions ul.buttons{margin:0;padding:0;list-style:none;} .rowOptions ul.buttons li{float:left;margin-right:10px;} /* user view buttons */ a.btn_usr_add{float:right;padding-left: 35px !important; background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -301px; display: block; width:74px; height: 25px;} a.btn_usr_add:hover{background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -350px;} * html a.btn_usr_add{width:120px;} /*style for IE*/ a.btn_usr_access{padding:7px; padding-left: 40px !important; background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px 0px; display: block; width: 150px;height: 25px;} a.btn_usr_access:hover{background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -50px;} * html a.btn_usr_access{width:210px;} /*style for IE*/ a.btn_usr_edit{padding:7px; padding-left: 40px !important; background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -100px; display: block; width:40px;height: 25px;} a.btn_usr_edit:hover{background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -150px;} * html a.btn_usr_edit{width:100px;} /*style for IE*/ a.btn_usr_delete{padding:7px; padding-left: 40px !important; background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -200px; display: block; width:40px;height: 25px;} a.btn_usr_delete:hover{background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -250px;} * html a.btn_usr_delete{width:100px;} /*style for IE*/ a.btn_usr_key{float:right;padding-left: 45px !important; background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px 0px; display: block; width:160px;height: 25px;} a.btn_usr_key:hover{background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -50px;} * html a.btn_usr_key{width:210px;} /*style for IE*/ /* project view buttons */ a.btn_proj_new{float:right;padding-left: 35px !important; background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -400px; display: block; width:90px; height: 25px;} a.btn_proj_new:hover{background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -450px;} * html a.btn_proj_new{width:125px;} /*style for IE*/ a.btn_proj_view{padding:7px; padding-left: 40px !important; background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -500px; display: block; width:80px;height: 25px;} a.btn_proj_view:hover{background:transparent url('/images/layout/sprite_buttons.png') no-repeat 0px -550px;} * html a.btn_proj_view{width:140px;} /*style for IE*/ /************** Code Window ********/ .codeWindow{border: 2px solid #ccc; background-color: #fff; color: #000; padding: 10px; margin: 5px 15px 20px 15px;} /************** Rounded Corners Mozilla, Safari etc. ********/ div.row:hover, .codeWindow, div.rowPlain:hover{ -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-radius-topleft:10px; -khtml-border-radius-topright:10px; -khtml-border-radius-bottomleft:10px; -khtml-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; } /************** Upload progress bar. ********/ #progress { width: 80%; border: 2px dotted #000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 15px auto; padding: 10px; text-align: center; } #bar { background-color: #333; color: #e0e0e0; text-align: center; min-width: 1.5em; padding: 5px 0; display: block; margin-left: 0; } /************** Clear Fix ********/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /*==== Safari === */ # .submitbuttons input{padding: 5px;}