/* Global --------------------------------------- */ body { font-family: arial; background-color: #f4f4f4; font-size: 12px; } div#wrapper { width: 900px; margin: 0 auto; } a, .red { color: #be3535; } .left { float: left !important; margin-right: 30px; } .fleft { float: left !important; } .right { float: right !important; } .clear { clear: both !important; } .hidden { display: none; } th:hover{cursor:pointer} td{vertical-align:top} /* Header */ div#header { background-color: #fff; padding: 30px; border: 1px solid #e4e4e4; background: #fff url('../img/logo.gif') top right no-repeat; } div#header h1 { font-size: 18px; color: #b1a707; font-weight: normal; } div#header h1 em { display: block; font-style: normal; font-size: 12px; color: #333; margin-top: 5px; } div#header h1 span { font-size: 25px; color:#000 } /* Content bg */ div#content, div.content { background-color: #fff; padding: 60px 30px 30px 30px; border: 1px solid #e4e4e4; margin-top: 20px; position: relative; overflow: hidden; } div#content div.ath label, div#content div.ath div#newAccount label {display: block; font-size: 14px; color: #222; margin-bottom: 10px; } div#content div.ath div#newAccount label{margin-top:10px;} div.ath{overflow:hidden} div#content div.register label, div#content label.inline, div.content label.inline { display: inline; } div#content input, div#content select, div#content textarea, div.content input, div.content select { padding: 2px; font-size: 14px; color: #333; margin-bottom: 25px; width: 310px; font-family: Arial; } div#content div#newAccount label{margin:0px;} div#content div#newAccount input{ margin:0px;} div#content input.selEdit, div#content input#lahatAh {width:12px; height:12px; margin:0px; padding:0px;} div#content select#schools { width:600px;} div#content input.search_btn{ width:60px; font-size:12px;} table#sel input{width:50px; padding:0; margin:0} div#content input.check, div#content input.radio, div#content select.auto { width: auto; } div#content select.inline { display: inline; width: 120px; } div#content div.export input { margin-bottom: 5px; } div#content input#csc { width: 40px; } div#content input#zipcode { width: 50px; } div#content div#newAccount table#c input{ width:12px; margin:0 10px 0 0; padding:0} /* Headings */ h2 { font-size: 16px; color: #000; border-bottom: 2px solid #e8e8e8; margin-bottom: 20px; padding-bottom: 6px; } h2.subhead { border-bottom: 0; margin:0 } div#content div.export h2 { margin-bottom: 5px; margin-top: 20px; } div#content div.export h2#exporth2 { margin-top: 0; } /* Tables */ table, dl { width: 100%; font-size: 14px; } td, dd { padding: 10px; } th, dt { text-align: left; padding: 14px 10px 10px; background-color: #efecc4; border-bottom: 1px solid #d4cf7e; color: #7c7a62; } tr, dd { border-bottom: 1px solid #c3c3c3; } #newAccount tr, #userUpdate tr {border:none} #userUpdate td{padding:0px;} #userUpdate h1{font-size:20px; color:#313131; margin-bottom:10px;} #userUpdate span { font-size:16px; line-height:30px;} #newAccount td{padding:5px;} #newAccount .eg {font-size:12px;} #newAccount .egs{font-size:12px; margin-top:-20px;} #newAccount p {line-height:12px; margin:0px; padding:0px;} .headerSortUp { color: #424130; background: #efecc4 url('../img/arrow-up.gif') no-repeat right; } .headerSortDown { color: #424130; background: #efecc4 url('../img/arrow-down.gif') no-repeat right; } #newAccount td#req_error label.error{ position:absolute; bottom:85px; left:30px;} #saLeft checkbox{padding:0px; float:left} /* New buttons */ a#add-element { width: 120px; display: block; padding: 8px 4px; background-color: #e8e8e8; text-decoration: none; color: #be3535; text-align: center; margin-top: 15px; position: absolute; right: 0; top: -110px; } div.ath.rosters a#add-element { position: relative; top: 0; } a#add-element:hover { background-color: #e0e0e0; color: #be3535; } /* Tabs --------------------------------------- */ .ui-tabs-nav { overflow: hidden; } .ui-tabs-nav li { float: left; margin-right: 3px; } .ui-tabs-nav li a { display: block; padding: 12px 18px; background-color: #e8e8e8; text-decoration: none; } .ui-tabs .ui-tabs-hide { display: none; } ul li.ui-state-active a { background-color: #efecc4; text-decoration: none; color: #000; font-weight: bold; } #tabs { clear: both; } #tabs > div { position: relative; } /* Sections --------------------------------------- */ /* Links */ ul#links { position: absolute; top: 0; right:30px; width: 840px; } ul#links li { float: right; margin-left: 5px; } ul#links li#stats { float: left; padding: 10px 15px; background-color: #e8e8e8; display: block; text-decoration: none; color: #8c8c8c; } ul#links li a { padding: 10px 15px; background-color: #e8e8e8; display: block; text-decoration: none; color: #8c8c8c; } ul#links li a:hover { background-color: #e0e0e0; } /* Notes */ div.note { clear: both; padding: 15px; background-color: #fffcd0; border: 2px solid #e6e2a1; margin-bottom: 25px; } div.note b { display: block; font-size: 15px; margin-bottom: 10px; } div.note p { padding-bottom: 15px; color: #676657; } div#content div.note input { margin-bottom: 0; } /* Content */ div#content p {margin-bottom: 12px; line-height: 120%; } div#saLeft p{margin-bottom: 12px; line-height: 110%;} div#content label { font-weight: bold; color: #333; } div#content label.error { font-size: 11px; font-weight: normal; color: #e80000 !important; margin: 0; padding: 0; font-style: italic; margin-bottom: 25px; margin-top: -25px;} p#footer { width: 900px; padding: 20px 0; margin: 0 auto; color: #666;} /* Breadcrumb Nav for Registering */ ul#breadcrumb { font-size: 16px; color: #aaa; margin: 15px 0; } ul#breadcrumb li { display: inline; } ul#breadcrumb li.past { color: #000; } ul#breadcrumb li.current { font-size: 18px; color: #BE3535; } /* Homepage login --------------------------------------- */ div#loginForm form { float: left; width: 321px; } div#loginForm form input { font-size: 18px; } div#loginForm div#advertisements { float: right; width: 243px; } /* Meet dropdown and data ------------------------------- */ div#meet_data {float: right;} div#meet_data ul { width: 280px; margin-bottom: 15px; display: block; } div#meet_data ul li { display: block; font-size: 14px; border-bottom: 1px solid #e0e0e0; padding: 12px 9px 11px; } div#meet_data ul li.first { color: #8c8c8c; border: 1px solid #e0e0e0; background-color: #e8e8e8; } div#meet_data ul li a { text-decoration: none; } div#meet_data ul#register li a { display: block; width: auto; height: auto; } div#meet_data ul li small { font-size: 10px; font-style: italic; font-weight: normal; color: #8c8c8c; } div#meet_data ul#upcoming li small { display: block; } div#meet_data ul#upcoming li a.edit { font-size: 13px; } div#meet_data ul#upcoming li a.vd { font-size: 13px; color:#3E4D00 !important } div#meet_data ul#register {position: relative;} div#meet_data ul#register li.first ul#f { display: none; width: 276px; background-color: #fff; border: 2px solid #be3535; margin:10px 0 -10px -10px; } /* Meet info coda popup */ ul#register li ul li { position: relative; } ul#register li span.popup { position: absolute; display: none; font-weight: normal; background: #fff; border: 2px solid #be3535; top: -30px; right: -30px; padding: 8px; z-index: 5; } div#meet_data a:hover { color: red !important; } /* Meet info on right of registration */ .meetInfo { padding: 25px; background: #efefef; line-height: 20px; width:280px; } .meetInfo h1{ text-align:center; font-size:16px; color:#747474; margin-bottom:10px;} /* Modal for Registration */ #simplemodal-overlay { background-color: #000; cursor: wait; } #simplemodal-container { background-color: #fff; border: 4px solid #444; height: 500px; padding: 12px; width: 600px; overflow-y: auto; } #simplemodal-container h2 span.left { min-width: 160px; } /*#simplemodal-container select { height: 300px; margin: 0 !important; }*/ #simplemodal-container select { width: 300px; margin: 0 !important; } #simplemodal-container p { margin: 0 !important; } #simplemodal-container label.left { min-width: 150px; line-height: 25px; } #simplemodal-container input.seed { width: 100px; float: left; margin-left: 10px; } #simplemodal-container code { background: none repeat scroll 0 0 #141414; border-left: 3px solid #65B43D; display: block; margin-bottom: 12px; padding: 4px 6px 6px; } #simplemodal-container a.modalCloseImg { background: url(../img/close.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; display: none; } #saLeft{width:500px; float:left;} #saLeft p{ margin:0px; padding:0px;} .saRight{ float:right} table#sel{ width:100%; margin-bottom:20px; } .tago{background-color:#F4F4F4;padding:0px; margin:0px; height:0px; display:none} #content_event a{color:#717171; margin:10px; font-size:12px;} #content_event h1{color:#717171; margin:0 0 10px 0} #at, #am{color:#333; display:none} #at h1, #am h1{font-size:16px;} #at p, #am p{margin:10px; line-height:15px;} #at tr, #am tr{border:none} #at td, #am td{padding:0} .del, .prev, .del1, .delRel{float:left; background:url(../img/tag.jpg) left no-repeat; padding-left:14px; margin:5px 10px 0px 0; font-size:12px; font-style:italic; cursor:pointer} .prev {background:url(../img/arrow.jpg) left no-repeat; cursor:auto} .del:hover, .del1:hover, .delRel:hover { background:url(../img/tagH.jpg) left no-repeat; } #info p {font-size:12px; font-weight:normal} .meetTitle{ line-height:12px; margin:0px; color:#A67D3D } .removeMeet{float:right;} .removeMeet a{font-size:11px; font-weight:normal; background:url(../img/tag.jpg) left no-repeat; padding-left:14px;} .removeMeet a:hover{background:url(../img/tagH.jpg) left no-repeat;} .step{ font-size:16px; font-weight:bold; color:#626250; font-style:italic; background:url(../img/tagS.png)0 2px no-repeat; padding-left:14px; line-height:17px;} .masMalaki{ font-size:24px} #firsttimeuser{font-size:16px; font-weight:bold} .b{background:url(../img/btn.jpg)0 2px no-repeat; line-height:20px; padding:5px 5px 5px 8px; font-size:11px;} #msg{width:100%; height:25px; background-color:#A2C7F5; position: fixed; top:40px; border:2px solid #708BAA; color:#363636; text-align:center; padding-top:10px; font-size:14px; display:none } .instruct{ font-weight:normal; color:#676657; font-size:12px; } div#content div#superRoster h2{ font-size:14px; border-bottom:none; border-top: #E8E8E8 2px solid; padding:5px 0 0 5px; color:#343434; font-style:italic; margin:0 0 5px 0 } div#content div#superRoster li { float:left; margin:2px 10px 2px 10px; font-size:13px; list-style:disc; color:#343434} div#content div#superRoster ul {margin-left:10px; } .rholder{clear:both; padding:10px; overflow:hidden; margin-bottom:10px;} .delRoster{ font-size:12px;} #newAccount h1{font-size:20px; color:#927400; line-height:20px; margin:5px 0px 5px 0px} #newAccount span{font-size:15px; color:#927400; margin:5px 0px 5px 0px; font-weight:bold } input[disabled] { border: 1px solid #999; background-color: #F0F0F0; } .frac{font-size:16px;} table#d{text-align:center} span#g{font-size:14px; font-style:italic; color:#4D4D4D} var.del1{float:none; color:#BE3535} a.deleteAccount{text-decoration:underline; cursor:pointer} #eventsHolderAdd, #eventsHolderDelete, #relaysHolderAdd, #relaysHolderDelete, #divHolderAdd, #divHolderDelete, #relaysDivHolderAdd, #relaysDivHolderDelete {border: 1px solid #ABADB3; padding:5px; width:290px; height:250px; overflow:auto} table#m tr, table#r tr, table#d tr, table#rd tr {border:none; text-align:left;} table#m p, table#r p, table#rd p{margin:3px;} .addeventsMeet, .addrelaysMeet, .addDiv{background:url(../img/plusA.jpg) left center no-repeat; padding-left:18px; cursor:pointer} .addeventsMeet:hover, .addrelaysMeet:hover, .addDiv:hover{background:url(../img/plus.jpg) left center no-repeat;} .removeeventsMeet, .removerelaysMeet, .removeDiv{background:url(../img/tag.jpg) left center no-repeat; padding-left:18px; cursor:pointer} .removeeventsMeet:hover, .removerelaysMeet:hover, .removeDiv:hover {background:url(../img/tagH.jpg) left center no-repeat;} #rosterRight{ float:left; width:535px; margin-right:20px;} #ui-datepicker-div{display:none} #wala{ color:#F00; font-size:12px; display:none} .seedInfo{font-size:11px;} #dbH2{padding:20px;} div#content .s{position:absolute; top:-100px; margin-left:450px; } div#content .s .searchField{width:200px;} td#relaySeed input{width:18px; margin:0} #mgaRelays label{clear:both; float:left; width:50px; display:block; cursor:pointer; text-decoration:underline; color:#F00} #mgaRelays input{float:left; width:30px} #mgaRelays h1 {color:#B1A707; font-weight:bold} .relayHolder{margin:20px 0;} .relayHolder h1{font-size:16px; font-weight:normal; margin-bottom:5px;} input.leg{width:30px;} #mgaAthletes label{font-size:16px; font-weight:bold; padding:20px;} #mgaAthletes select{margin-top:20px;} span#for{color:#000} table#meetInfoW tr{border:none} #meetInfoW{font-size:12px;} span.eDiv{color:#BE3535; text-decoration:underline; cursor:pointer} #selClass{background-color:#EFECC4; border-bottom:1px solid #E8E5A0} #selClass td{padding:7px;} #selClass span{ color:#7C7A62; font-size:12px;} #selClass h1{ color:#7C7A62; font-size:14px; font-weight:normal} #divHolderAdd span, #divHolderDelete span, #relaysDivHolderAdd span, #relaysDivHolderDelete span{font-size:11px; color:#999} .divStart{ font-size:10px; text-decoration:none; color:#CCC} #relaySelect select{ width:200px !important;} .delRelay{ font-size:14px;} .rlist{ clear:both; float:left}