﻿* { margin: 0; padding: 0; }
html, body { height: 100%;}
body { font-size: 14px; font-family: Verdana, Arial, sans-serif; color: #4e4e4e; 
background-image: url('gfx/bg.png'); background-position: top; background-repeat:repeat-x; background-color: #757575;
text-align: center; }
/*.background { position:fixed; top:0; left:0; width:100%; height:100%; z-index: 0;} */


img.background {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.background {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}



h1 { color: #fff; font-size: 43px; margin: 34px 0px 0px 161px; float: left; }
img.fake_trans {background-image: url('gfx/fake_trans.png'); margin: 0px 0px 0px 30px;}
#w1 {width: 1001px; margin: 0px auto; text-align: left; min-height:100%; margin-top:-128px; position: relative; z-index: 1; }
* html #w1 {height:100%}
#w1_1 { border-top:128px solid #000;}
/*Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;}
#w1:after {	clear:both;	display:block;	height:1%; content:" ";}
a.login, div#logout a {color: #454545; float: right; text-transform: uppercase; font-size: 10px; margin: 3px 12px 0px 0px;}

#w2 {}
#w2_t, #w2_b {background-repeat: no-repeat; height: 5px;}
#w2_t { background-image:url('gfx/w2_t.png');}
#w2_c_w { background-color: #fff; padding: 10px 14px 10px 12px;}
#w2_c { background-color: #fff; min-height: 500px; }
#w2_b { background-image:url('gfx/w2_b.png'); padding-bottom: 20px;}

#header { background-repeat: no-repeat; background-image:url('gfx/topbar.png'); height: 110px; position:relative; }

#footer_w {height: 128px; clear:both; position: relative;}
#footer {margin: 0px auto; text-align: left; width: 1001px; height: 128px; background-image:url('gfx/buttonbar.png');}
#footer .w33p {width: 33.3%; float: left; text-align:center; height: 128px; }
#footer .w33p img {margin: 0px auto; }

#logo {background-repeat:no-repeat; width: 111px; height: 112px; position:absolute; left: 32px; top: 9px;  }
.bottomText {text-align: center;position:absolute; top: 22px; width: 100%;font-size: 12px;}
#w3_w {background-color: #fff; padding-bottom: 3px; position: relative;}
#w3 div.links {float: left; color: #bcbcbc; padding: 17px 0px 0px 50px; font-size: 15px; font-weight: bold; }
#w3 div a {color: #bcbcbc;}
#w3 ul {float: right; margin-right: 46px; margin-top: 13px;}
#w3 ul li { display: inline; list-style: none; float: left; text-transform: uppercase; font-size: 11px; border-left: 1px solid #b2b2b2; }
#w3 ul li.first { border: none; }
#w3 ul li a { display: block;  color: #b2b2b2; background-position: right bottom; background-repeat:no-repeat; margin: 0px 5px 0px 5px;}
#liPhotographer a { padding-top: 8px; }
a.sp_design { background-image:url('/upload/sponsor/skerdil.png'); padding-right: 67px; }
a.sp_program { background-image:url('/upload/sponsor/regard.png'); padding-right: 58px; }
a.sp_host { background-image:url('/upload/sponsor/jdm.png'); padding-right: 33px; }
ul.checkboxlist {list-style: none;}

.st table { width: 100%; margin-bottom: 3px; border: solid #fff; border-width: 0px 2px 1px 0px; border-spacing:0; border-collapse: collapse; border-bottom: 1px solid #bdbdbd;}
.st tr.odd { background: #bdbdbd; }
.st th { background: #fff; color: #000; font-weight: bold; font-size: 16px; }
.st table.smalllist td { font-size: 9px; }
.st th a{ color: #000; }
.st td, .st th { padding: 2px 15px 2px 15px; border: solid #fff; border-width: 1px 0px 0px 2px; text-align: left; }
.st td.c, .st th.c {text-align: center; width: 1%; padding: 2px 5px 2px 5px; white-space: nowrap;}
.st td.map, .st th.map {padding: 2px 15px 2px 15px; }
.st td.first, .st th.first {padding: 2px 15px 2px 40px; }
.st td.last, .st th.last {padding: 4px 49px 0px 15px; border-left: none;  }
.st td.icon {vertical-align: middle; padding-top: 0px;  }
.st td span.bold {font-weight: bold; }

.st.inform {margin-top: 30px;}
.st.inform.smallfont {font-size: 11px;}
.st.inform.smallfont th {font-size: 14px;}
.st.inform.smallfont td, .st.inform.smallfont th { padding: 2px 5px 2px 5px;}
.st.inform.smallfont td.resettd td, .st.inform.smallfont td.resettd th {padding: 0px; margin: 0px; border: 0px; }

.form table {margin: 0px 0px 0px 17px;} 
.form td.label {font-weight: bold;} 
.form td.label.high {vertical-align: top;}
.form td.data.fake_trans img {background-image: url('gfx/fake_trans.png');}
.form td.data {padding: 2px 0px 2px 30px;} 
.form input.textbox {width: 365px; background-color: #bcbcbc; padding: 1px; border: 1px solid #bcbcbc;} 
.form textarea.textbox {width: 365px; background-color: #bcbcbc; padding: 1px; border: 1px solid #bcbcbc; height:50px; font-family: Verdana,Arial,sans-serif; font-size: 12px;} 
.form textarea.textbox.large {height: 150px;}
.form input.textbox.date {width: 80px; }
.form input.textbox.time {width: 50px; }
.form input.textbox.invisible {background-color: #fff; border: 1px solid #fff; width: 150px; }
.form select.dropdown {width: 365px; background-color: #bcbcbc; padding: 1px; border: 1px solid #bcbcbc; }
.form .buttons {float: right; list-style: none;  margin: 9px 8px 2px 0px; }
.form .buttons li {float: left; list-style: none; display: inline; margin-left: 4px;}

.list input.textbox {width: 100px; background-color: #fff; border: 1px solid #bcbcbc; font-size: 11px;} 
.list table.smalllist input.textbox {font-size: 9px;} 
.list table.smalllist select.dropdown {font-size: 9px; }
.list input.textbox.date {width: 60px; }
.list input.textbox.time {width: 40px; }
.list input.textbox.number{width: 40px; }
.list select.dropdown {border: 1px solid #bcbcbc; font-size: 11px; }


div.fileinputs { position: relative; margin-left: 30px;}
div.fakefile {	position: absolute; top: 0px; left: 0px; z-index: 6; }
div.file input { position: relative; text-align: right; -moz-opacity:0;	filter:alpha(opacity: 0); opacity: 0; z-index: 7; width: 100%;}
div.fakefile img, div.fakefile input { float:left; }
div.fakefile img { margin-left: 8px; }
.hidden {display: none;}

#matches { min-height: 300px;}
#meetings {}

#qr {height: 139px; width: 146px; background-image: url(gfx/qr_frame.png); background-repeat: no-repeat; text-align: center; padding-top: 5px;}
#qr img {margin: 3px 0px 0px 0px;}
#qr.t2 {}

a { text-decoration: none;}
img {border: none;}

.acc-bar { cursor:pointer; padding-left: 45px; margin-bottom: 2px; color: #fff; font-weight: bold; font-size: 20px; height: 28px; background-repeat:no-repeat; position:relative; }
.acc-bar.selected {height: 28px;}
.acc-bar img {width: 453px; height: 28px; position: absolute; top: 0px; z-index: 4;}
.acc-bar img.w {background-repeat:no-repeat; background-position: 0 0;}
.acc-bar img.w.wm_1 {background-position: 0 0;}
.acc-bar img.w.wm_2 {background-position: 0 -30px;}
.acc-bar img.w.wm_3 {background-position: 0 -60px;}
.acc-bar img.w.wm_4 {background-position: 0 -90px;}
.acc-bar img.w.wm_5 {background-position: 0 -120px;}
.acc-bar img.w.wm_6 {background-position: 0 -150px;}
.acc-bar img.w.wm_7 {background-position: 0 -180px;}
.acc-bar img.w.wm_8 {background-position: 0 -210px;}
.acc-bar img.w.wm_9 {background-position: 0 -240px;}
.acc-bar img.w.wm_10 {background-position: 0 -270px;}
.acc-bar img.w.wm_11 {background-position: 0 -300px;}
.acc-bar img.w.wm_12 {background-position: 0 -330px;}
.acc-bar img.w.wm_13 {background-position: 0 -360px;}
.acc-bar img.w.wm_14 {background-position: 0 -390px;}
.acc-bar img.w.wm_15 {background-position: 0 -420px;}
.acc-section {overflow:hidden; z-index: 1; }
.acc-content { }

#acc {list-style:none;}
#acc .acc-bar img {left: 397px;}

#acc2 {list-style:none; width: 821px;}
#acc2 .acc-bar { background-image:url('gfx/titlebar2_bg.png'); }
#acc2 .acc-bar.selected {background-image:url('/Upload/Theme/Admin/Output/bar-821.png'); }
#acc2 .acc-bar img {left: 243px;}
#acc2 .acc-bar span.arrow {background-image:url('gfx/titlebar2_arrow.png'); left: 754px;}

#leftmenu {width: 157px; float: left;}

#menu {list-style: none; }
#menu a {padding-left: 6px;}
#menu li {padding-left: 5px;}
#menu li a {color: #000; font-size: 16px; font-weight: bold; border-bottom: 2px solid #bcbcbc; display: block; padding-top: 2px;}
#menu ul {list-style: none; background-color: #bcbcbc; border-bottom: 2px solid #bcbcbc;}
#menu ul li {padding-left: 0px;}
#menu ul li a {color: #4e4e4e; font-size: 12px; font-weight: normal; border: none;}
#menu ul li a.selected {font-weight: bold;}

#rightcontent {width: 794px; float: right;}
.header {background-repeat: no-repeat; height: 28px; line-height: 28px; color: #fff; font-size: 20px; font-weight: bold; padding-left: 19px; position: relative; cursor: auto; }
.header img {left: 243px;}
.header .searchform {font-size: 12px; padding-right: 10px; position:relative; z-index: 5; font-weight: normal; display: block; float: right;}
.header .searchform div {line-height: normal;}
.header .searchform input.textbox {width: 150px; padding: 1px; border: 1px solid #bcbcbc;} 
.header .searchform input.textbox.date {width: 80px; }
.header .searchform input.textbox.active {color: #000; } 
.header .searchform input.textbox.inactive {color: #bcbcbc; } 
.header .searchform input.button {padding: 1px; border: 1px solid #bcbcbc;} 

#map_info {font-size: 10px; padding-left: 17px;}
#map_canvas{margin-top: 2px;}
#pager {margin: 0px 10px 0px 10px;}
#fakeinput { width: 262px; margin-right: 5px;}

.w100pro{width: 100%;}
.w75 {width: 75px;}
.w200 {width: 200px !important;}
.left {float: left;}
.right {float: right;}
.clear {clear:both;}
.nowrap {white-space: nowrap;}
.pager_container table {border: 0px; }
.pr {position: relative;}

.mark {position: absolute; top: 3px; width: 5px; height: 5px; background-repeat: no-repeat; }
.mark.black {background-image: url(gfx/black.png); left: -30px; }
.mark.red {background-image: url(gfx/red.png); left: -24px; }
.mark.green {background-image: url(gfx/green.png); left: -18px;}
.mark.blue {background-image: url(gfx/blue.png); left: -12px;}

/*Reorder List*/
#sortable div { width: 33%; float: left; text-align: center; height: 128px; }
#sortable div img { background-color: #000;}

.autocomplete-w1 { background:url(gfx/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#969696; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:bold; color:#000; }

.tooltip-target { display: block; width: 5px; height: 5px;}
.tooltip-content {
	display: none;      /* required */
	position: absolute; /* required */
	white-space:nowrap;
	padding: 10px;
	border: 1px solid #000;
	background-color: #FFF;
    color: black;
    z-index: 1;
}

#list-info {padding: 10px; border: 1px solid #BDBDBD; font-size: 10px; margin-top: 20px;}
#list-info ul { list-style-position:inside; }
#list-info ul li.red { list-style-image:url(gfx/red.png); }
#list-info ul li.green { list-style-image:url(gfx/green.png); }
#list-info ul li.blue { list-style-image:url(gfx/blue.png); }
#list-info ul li.black { list-style-image:url(gfx/black.png); }

.red {color: red;}