@import url("css/menu.css");

/* CSS Document */
#Body {background:#FFF; height:100%; margin:0; padding:0;  }

/* ControlPanel style */
.ControlPanel{background-color: #2e3917; border:none;padding-bottom:10px;}
.tzcpanel_left {padding-left:21px;}
.tzcpanel_right {padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color: #0a0; font-family:Arial, Verdana, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
:focus { -moz-outline-style: none; }
h1, h2, h3, h4, h5, h6{color: Black;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:24px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


a,a:link,a:visited,a:active{color: Black; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial, Verdana, Helvetica, sans-serif;}
.Head{color: Black;font-weight:bold;}
.SubHead {color: Black;}
.SubSubHead{color: Black;}
.NormalRed {color:#F00;}
.WizardText{color:Black;}
a.Normal{color:#0a0;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

#s_wrap_main{display:table;width:970px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}


.top_space{height:10px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.tzlogo_top_left{padding:0; margin:0; height:0px;}
.tzlogo_top_right{padding:0; margin:0;}
.tzlogo_top_bg{padding:0; margin:0 39px 0 27px; height:23px;}
.tzlogo_left{padding:0;}
.tzlogo_right{padding:0;}
.tzlogo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;}

.tzmenu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px;}
.tzmenu_left{padding:0; margin:0;}
.tzmenu_right{margin:0;}

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0; margin: 0 19px 0 7px; height:34px;}
.bread_left{padding:0; margin:0; height:34px;}
.bread_right{padding:0; height:34px;}

#login_style{ float:right; line-height:34px; padding-left: 10px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#8bab49;}

.tzcenter_bg{padding:0; margin:0;clear:both;}
.tzleft_bg{padding:0; margin:0;}
.tzright_bg{padding:0; margin:0;}
.tzcontent_pad{padding:10px 22px 10px 22px; margin: 0 19px 0 7px; background-color: White;}
.tzcontent_width{padding-top:15px; min-height:50px;}

.bot_left{padding:0; margin:0;}
.bot_right{padding:0; margin:0; padding:0 39px 0 27px;}
.bot_bg{padding:0; margin-top: 15px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0; }
.RightPane{ padding:0 0 0 20px; width:20%; margin:0; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#8bab49;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color: Black; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#8bab49;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#8bab49;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

.genericButton { color: Black; }
.genericText { color: Black; }
.genericLabel { color: Black; font-size: 20px; }

.chooseGameLabel { text-align: right; }
.chooseGameList { margin: 0 0 0 5px; }
.chooseGameRow { margin: 0 0 20px 0; }

.startGameButton { height: 20px; }
.startGameButtonRow { margin: 30px 0 0 85px; }

.playGameLevelLabel { float: left; }
.playGameLevelLabelValue { color: #9bbb37; padding: 0 0 0 10px; }
.playGameTimeRemainingLabel { float: right; }
.playGameTimeRemainingLabelValue { color: #9bbb37; background-color: Transparent; border-style: none; font-family: Arial, Verdana, Sans-Serif; font-size: 20px; line-height: 20px; margin: 0; padding: 0; width: 50px; }
.playGameProgressBarRow { clear: both; float: right; margin: 5px 10px 0 0; }
.playGameSourceRow { clear: both; padding: 50px 0 0 0; }
.playGameTranslationRow { padding: 50px 0 0 0; }
.playGameFlag { float: left; padding: 4px 3px 0 0; }
.playGameControlButtonsRow { clear: both; margin: 20px 0 0 0; }

.resultsStatLabel { }
.resultsStatLabelValue { position: absolute; left: 300px; }

.fpButton { border-style: none; }
.fpRegisterButtonRow { padding: 0 }
.fpPlayGameButtonRow { padding: 0 }
.fpMoreInfoRow,a.fpMoreInfoRow:link,a.fpMoreInfoRow:active,a.fpMoreInfoRow:visited { font-size: 22px; color: Black; }
a.fpMoreInfoRow:link,a.fpMoreInfoRow:active,a.fpMoreInfoRow:visited { text-decoration: underline; }
a.fpMoreInfoRow:hover { color: Red; }
.fpGlobeRow { text-align: center; }