body { margin: 5px 2px 5px 2px; padding: 0px; background-color: #fff; font: 10px Verdana, Arial, Helvetica, sans-serif;}
a { color: #143659; text-decoration: none;}
a:hover {background-color: #DFE3E6}
a.action {font-weight:bold}
form {padding:0; margin:0}
ul { padding: 10px; margin: 5px; list-style-type: square;}
.cl {clear:both}
.fl {float:left}
.fr {float:right}
.nom {margin:0}
.nop {padding:0}
.nob {border:0}
.b {font-weight:bold}

/******* CUSTOM STUFF *******/
ul.noBorderOrPadding { padding: 0px 0px 0px 10px; margin: 5px; list-style-type: square;}
.dontMove, .text { font: 10px Verdana,Arial,Helvetica,sans-serif; color: #143659;}
.consoleToken { color: #143659; font: 18px Verdana,Arial,Helvetica,sans-serif;}
.titleSmall { font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #143659;}
.titlebold { font: bold 20px Verdana,Arial,Helvetica,sans-serif; color: #143659;}
.titlelight { font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #A1AFBD;}
.sectionTitle { font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #143659; background-color: #DFE3E6; padding: 10px 10px 10px 10px;}
.sectionTitleOver { font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #F7F8F8; background-color: #A8B2B5; cursor: pointer; padding: 10px 10px 10px 10px;}
.sectionDescription { font: 11px Verdana,Arial,Helvetica,sans-serif; color: #143659; text-align: justify;}
.header { font: bold 10px Verdana,Arial,Helvetica,sans-serif; background-color: #C3CDD3; color: #143659; text-align: center;}
.headerSortOver { font: bold 10px Verdana,Arial,Helvetica,sans-serif; color: #F7F8F8; background-color: #98A4AF; cursor: pointer; text-align: center;}
.odd, .even, .selected { font: 10px Verdana,Arial,Helvetica,sans-serif; background-color: #F3F3F3; color: #143659; text-align: center;}
.even {background-color: #E4E8EB}
.selected { text-align: left; color: #ffffff; background-color: #6C7B7E; border-width: 1px; border-style: solid; border-color: #365B81;}
.enabled, .disabled  { font: 11px Verdana,Arial,Helvetica,sans-serif; background-color: #F3F3F3; color: #143659; text-align: center;}
.disabled {background-color: #BF0000}
.disabled input {color: #fff}

.hand {cursor: pointer}
.example {font-size:8px; font-weight:bold}
.example em {font-size:150%; font-style: normal}

.counters { font: bold 9px Verdana,Arial,Helvetica,sans-serif; vertical-align: text-bottom; border: 1px solid; background-color: #EAEDF1; color: #143659; text-align: right;}
.withBorder, .withBorder_focus, .withDoubleBorder { font: 10px Verdana,Arial,Helvetica,sans-serif; color: #143659; border-width: 1px; border-style: solid; border-color: #365B81;}
.withDoubleBorder { border-width: 2px; border-style: solid; border-color: #365B81;}
.withBorder_focus {background-color: #EEF1F4}
.sectionTitle, .sectionEntrance, .sectionEntranceOver, .sectionEntranceForbidden, .tabTitle, .tabTitleOver { font: bold 16px "Trebuchet MS", Verdana,Arial,Helvetica,sans-serif; text-align: center; color: #143659; background-color: #DFE3E6; padding: 2px 2px 2px 2px; border-width: 1px; border-style: solid; border-color: #365B81;}
.sectionEntrance.hover { color: #F7F8F8; background-color: #A8B2B5; cursor: pointer;}
.sectionEntranceForbidden { color: #FDF5E6; background-color: #B22222;}
.tabTitle { text-align: left; font-size: 12px; padding: 2px; line-height:14px; border-bottom:0;}
.tabTitleOver { text-align: left; font-size: 12px; padding: 0px 2px 0px 2px; color: #F7F8F8; background-color: #A8B2B5; cursor: pointer;}
.button, .buttonOver { font: bold 9px Verdana,Arial,Helvetica,sans-serif; text-align: center; color: #143659; background-color: #DFE3E6; padding: 0px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #365B81; }
.buttonOver { color: #F7F8F8; background-color: #A8B2B5; cursor: pointer;}
.daysSet, .daysSetOver { font: bold 9px Verdana,Arial,Helvetica,sans-serif; text-align: center; color: #143659; background-color: #E5E8EA; padding: 0px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #365B81;}
.daysSetOver { color: #F7F8F8; background-color: #A8B2B5; cursor: pointer;}
.dayTitle, .dayUnset, .rankingsUnset { font: bold 14px "Trebuchet MS", Verdana,Arial,Helvetica,sans-serif; text-align: left; color: #143659; padding: 5px;}
.dayUnset, .rankingsUnset {text-align: center}
.prompt, .promptM { font: bold 10px Verdana,Arial,Helvetica,sans-serif; color: #143659; text-align: right; vertical-align: top;}
.promptM {vertical-align: middle}
.TVEntry, .newTVEntry { border-width: 1px; border-style: solid; border-color: #365B81;}
.newTVEntry {background-color: #C1CAD4}
.visible, .notVisible, .enabled, .disabled, .full, .mini { font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; color: #228B22;}
.notVisible, .disabled {color: #DC143C}
.mini {color: #8F8300}

.counterText, .newTVEntryTitle { text-align: center; color: #143659; font: bold 14px Verdana,Arial,Helvetica,sans-serif;}
.newTVEntryTitle {font-size: 12px}
.checkbox { padding: 0px; margin: 0px; cursor: pointer;}
.headerWithBorder { color: #143659; background-color: #C3CDD3; font: bold 10px Verdana,Arial,Helvetica,sans-serif; text-align: center; border-width: 1px; border-style: solid; border-color: #365B81;}
.messageIP, .messageText, .messageTime { font: bold 10px Verdana,Arial,Helvetica,sans-serif; color:#143659;}
.messageText {font-weight: normal}
.messageTime {font-weight: normal; font-style: italic; text-decoration:  underline; }
.popupSelect { color: #143659; font: 10px Verdana,Arial,Helvetica,sans-serif; border: 1px solid; background-color: #EAEDF1; width: 230px; height: 150px; overflow: auto;}

/******* INPUTS *******/
.input, .inputCentered, .inputRight, .inputTransparentC, 
	.inputTransparentL, .inputTransparentR, .calendarDate, 
	.score, .scoreLive { color: #143659; font: 10px Verdana,Arial,Helvetica,sans-serif; border: 1px solid #143659; background-color: #EAEDF1;}
.inputCentered {text-align: center}
.inputRight {text-align: right}
.score, .scoreLive {font-weight:bold; text-align:center}
.scoreLive {font-size:12px}
.calendarDate { font-size: 11px; text-align: center; font-weight: bold; cursor: pointer;}
.inputTransparentC, .inputTransparentL, .inputTransparentR { font: 9px Verdana,Arial,Helvetica,sans-serif; border: 0px; background-color: transparent; text-align: center;}
.inputTransparentL {text-align: left}
.inputTransparentR {text-align: right}
.textarea, .widerTextarea, .widerButHigherTextarea, .widerButShorterTextarea, .legend,
	.newspaperIntro, .note { color: #143659; font: 10px Verdana,Arial,Helvetica,sans-serif; border: 1px solid; border-width: 1px 1px 1px 1px; background-color: #EAEDF1; width: 230px; height: 80px; overflow: auto;}
.widerTextarea { width: 696px; height: 150px;}
.widerButHigherTextarea { width: 696px; height: 300px;}
.widerButShorterTextarea { width: 696px; height: 60px;}
.newspaperIntro { width: 780px; height: 150px;}
.legend { width: 170px; height: 90px;}
.note { width: 640px; height: 50px;}

input.fileField { font: 10px Verdana, Arial, Helvetica, sans-serif; background-color: #EAEDF1; border: 1px solid #143659; cursor: pointer;}
.messageFromAdministration { font: 10px Verdana, Arial, Helvetica, sans-serif; background-color: #C0D0ED; color: #CB2626; text-align: center; border: 1px solid #365B81; display: block; padding: 2px 0px; margin: 5px 0px;}
.messageFromAdministrationText { color: #424242; text-align: left; display: block; margin: 0px;}

.w100, .w50 {width: 100%; display: block;}
.w50 {width: 50%;}

/******* BUTTONS *******/

.actionbutton, input.button, input.loginbutton,
	input.toolbutton, input.toolbuttonSmaller, input.minibutton,
	input.largerActionButton { color: #143659; font: bold 10px Verdana, Arial, Helvetica, sans-serif; background: #C1CAD4; border: 1px solid; width: 170px; height: 17px; cursor: pointer;}

input.button {width: 100px}
input.toolbutton {width: 30px}

input.toolbuttonSmaller { width: 15px; height: 15px;}

input.minibutton { width: 20px; height: 15px;}

input.largerActionButton {width: 180px;}


/******* IDS *******/
#legendCounter, #tabTitle,
	#teamsLabel, #daysLabel,
	#winPointsLabel, #drawPointsLabel, #defeatPointsLabel { font-weight: bold;}

#seasonData, #seasonDetailsData,
	#seasonTeamsData, #seasonDaysData { width: 100%; border: 0px; padding: 0px;}

#copyTeamsArea { display: inline; text-align: left;}


/******* LINES-SPACES *******/
.line_blue_1 { height: 1px; background-color: #143659;}
.line_lightblue_7 { height: 7px; background-color: #eef1f4;}
.line_lightblue_10 { height: 10px; background-color: #fafbfc;}
.line_lightblue_20 { height: 20px; background-color: #fafbfc;}
.height_3  {height:3px}
.height_5  {height:5px}
.height_10 {height:10px}
.height_15 {height:15px}
.height_20 {height:20px}
.height_30 {height:30px}
.height_32 {height:32px}
.height_40 {height:40px}

.width_3  {width:3px}
.width_5  {width:5px}
.width_10 {width:10px}
.width_20 {width:20px}
.width_100 {width:100px}

.m_t10r2b5l2{margin:10px 2px 5px}
.m_t0r0b5l0{margin:0 0 5px}
.m_2{margin:2px}


/******* FIELDSET, LEGEND *******/
fieldset {border:1px solid #999; margin:0 0 5px; padding:5px}
*html fieldset {margin-top:-5px}/*IE6*/
legend {color:#365B81}
*html legend {margin-bottom:5px}/*IE6*/
fieldset div.text {background-color:#EFEFEF; border:1px dashed #ccc; padding:2px}

#persons {margin:5px; border-top:1px solid #143659; padding:7px 0 0}
#persons fieldset {width:255px}
#persons fieldset.full {width:auto}
#persons ul {margin:10px 0 0; border:0; padding:0}
#persons ul li {list-style-type:none; margin:0 0 2px}
#persons input.coach {width:252px}
*html #persons input.coach {width:240px}/*IE6*/
#persons a {font-size:8px; font-weight:bold; background-color:#EFEFEF; border:1px solid #ccc; padding:2px}
#persons div {text-align:right; margin:0; border:0; padding:0}

#photoSequence {margin:10px 3px 3px; padding:5px 5px 10px}
#photoSequence ul {margin:0}
#photoSequence li {list-style-type:none; border:1px solid #365B81; margin:1px 7px 10px 1px; padding:0; width:154px; height:200px; float:left}
#photoSequence li img {margin:2px; border:0}
#photoSequence li p {text-align:center; background-color:#6B96C3;margin:0;padding:1px 1px 2px}
#photoSequence li p a {color:#fff; font-weight:bold; text-decoration:underline}
#photoSequence li p a:hover {background-color:transparent}

#debuger {position: fixed; width: 300px; height: 300px; bottom: 0; right: 0; z-index: 100; overflow: auto; border: 2px dashed #143659; background-color: #FAFBFC; padding: 5px;}
#debuger p {border-bottom: 1px solid #143659; padding: 0 0 1px 5px; margin: 0};

ul.inputset {list-style: none;}
.inputset li {list-style: none; float: left; padding: 0 5px 2px 0;}
.inputset li.add {padding: 10px 0 0 0; clear: both;}

.icon.visible {background: blue no-repeat; display: block; width: 8px; height: 8px; margin: 0 auto;}
.not.visible, .text.redbg {background-color: red;}

/* videos stuff */
.wide {width: 97%;}
.center {display: block; margin: 0 auto;}
.h {display: none;}
a.btn {padding: 3px 5px;}
#flix_publisher {max-width: 528px; border: 0; margin: 0 auto; padding: 5px 0;}
#flix_publisher_status.ui-widget-header {padding: 3px 3px 3px;}
#flix_publisher_controls {margin: 10px 0;}
#flix_publisher_controls .buttons {margin: 0 auto; width: 20px; }
#progressbar {width: 500px; margin: 0 auto; position: absolute;}
#embedcode {width: 95%; margin: 5px auto; display: block;}