/*
 * Author: Inexes s.r.o. - www.inexes.cz
 * Created on: 5.2.2010
 * Modified on: 3.5.2011
 * SVN revision: 1844
 *
 * Name: Main stylesheet for web presentation (screen)
 * Summary: 
 *
 * Dependences: 
 *
*/
html {
    height: 100%;
    overflow-y: scroll;
}
body {
    height: 100%;
    line-height: 1.3;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #5b5b5b;
    background: #00153d url("Images/Backgrounds/Image1.jpg") no-repeat 50% 0;
}
body#contentOnly {background: #fff !important}
#wrap {background: url("Images/HeaderBg.png") no-repeat 50% 0;padding-bottom: 40px}
body#contentOnly #page {width: auto !important;background: #fff !important;margin: 0 !important;padding: 15px;}
body#contentOnly #wrap {background: #fff !important;margin: 0 !important}
body#contentOnly .list {width: 687px}
body#contentOnly #mainBox,
body#contentOnly .wrapContent {width: auto !important;}
body#contentOnly fieldset {floaT: left}
body#contentOnly .legend {width: 200px;background-position: -400px 0}
body#contentOnly table {width: auto}
body#contentOnly table .info {width: auto !important}
body#contentOnly table .info .th,
body#contentOnly table .info td {width: auto !important;padding-bottom: 5px !important}
body#contentOnly table .info td.th {font-weight: normal;width: 230px !important;} 
body#contentOnly table .info td {font-weight: bold}


h1, h2, h3, h4{
    line-height:28px;
}
h1 {	
    font-size: 24px;
    font-weight: normal;
    color: #215FB2;
    margin-bottom:15px;
}
h2 {	
    font-size: 20px;
    font-weight: normal;
    color: #215fb2;
    margin-top:3px;
}
h3 {	
    font-size: 17px;
    color: #c52310;
    margin-top:3px;
    font-weight:normal;
}
.article h3 {	
    font-size: 17px;
    color: #c52310;
    margin-top:10px;
    font-weight:normal;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;margin-bottom: 10px;
}

h4 {	
    font-size: 12px;
    color: black;
}
p{
    margin-bottom:12px;
    line-height: 1.7em;
}

table {
    line-height: 1.3;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
}
table caption {
    line-height: 1.3;
    padding: 3px 0 3px 0;
    font-weight: bold;
}
td{
    padding:auto;
}
input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    vertical-align: middle;
    color: black;	background: White;
    border: solid #666666 1px;
}
input[type=text], textarea, select{
    border-color: #D4D2D2;
    padding: 3px;
    width: 300px;
}
.radio input{
	border:none;
}
#btnSend{
	padding: 6px;
	margin:10px 0;
	cursor: pointer;
	color: #CE1E2B;
	border: 1px solid #D4D2D2;
}
select{
    width: auto;
}
strong { 
    font-weight: bold;
}
em {
    font-style: italic;
}
address {
}
blockquote {
    font-style: italic;
    padding-bottom: 10px;
    text-align: justify;
    line-height: 1.5;
}
cite {
    font-style: normal;
    padding: 0 0 15px 0;
    font-weight: bold;
    color: #555555;
}
img {
    background: white url("Images/Progress.gif") no-repeat center center;
    vertical-align: middle;
}
sup {
    position: relative;
    bottom: 2px;
    vertical-align: text-top;
}
sub {
    position: relative;
    top: 2px;
    vertical-align: baseline;
}
a {
    color: #df3e0e;
}
a:hover {
    color: black;
}
a:visited {

}
ul, ol{
    list-style-position: inside;
}
.noScreen {
    display: none;
}
.cleaner {
    display: block;
    clear: both;
    overflow: hidden;
    height: 0px;
    font-size: 0;line-height: 0;
    margin-top: 0px;
}

/* basic layout */
.bodyWrap{
    background: url("Images/PageShadow.png") repeat-y center;
}
#page {
    position: relative;
    width: 985px;
    padding:0 0;
    margin: 0 auto;

}
#headerBox {
    position: relative;
    height: 156px;
    padding-top:0;   
    margin-bottom:0;
}
#headerBox-flash {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 480px;
    width: 300px;
    height: 100px;
}
#logo 
{
    top:30px !important;
    display: block !important;
    height: 51px !important;
    left: 0 !important;
    position: absolute !important;    
    width: 226px !important;
}
#logo img {background: none;margin: 0;float: left}
.contentPage #mainBox {background: url('Images/ContentPageBackground.png') no-repeat;min-height: 400px;position: relative;top:0;}
#mp1 #mainBox {padding-top: 15px}

#mainBox {
    position: relative;
    left: -1px;
    width: 985px;

}
#mainBox #mainContentBox {
    position:relative;
}
.contentPage .wrapContent {position: relative;background: url('Images/ContentMainBoxBackground.png') repeat-y 212px 0;}
.contentPage .wrapContent #mainBox.noInfoContent #mainContentBox {min-height: 500px;width: 672px;padding-top: 65px;float: right;margin-right: 50px}
.contentPage #mainContentBoxEnd {height: 20px;background: #f69b00;width: 772px;float: right;position: relative;left:-1px}

#mainBox.noInfoContent #mainContentBox {
    width: 100%;
    float: none;
}
#sidePane{
    position: absolute;
    top: 0;left: -1px;width: 233px;
}
#sidePane .content {padding-bottom: 20px;background: #f69b00 url('Images/SidePaneBg.png') repeat-x;}
#sidePane .sidePaneEnd {background: url('Images/SidePaneEnd.png') no-repeat;width: 213px;height: 24px;}
#infoContentBox {
    float: none;
    clear:both;
    background: none;    
}
#footerBox {
    clear: both;
    color:#494949;
    position:relative;
    margin-top:15px;
}
#footerBox .footerContent a {color:#494949;text-decoration: none;}
#footerBox .footerContent a:hover {text-decoration: underline}
#footerBox .footerContent {background: #fff;}
#footerBox .footerBottom {background: url("Images/FooterBottom.png") no-repeat 0 0;height: 19px}
#footerBox .serviceNavigation 
{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;  
    background: url("Images/ServiceNavigation.png") no-repeat 0 0;
}

#footerBox .serviceNavigation .social {float: left;padding-top: 14px}
#footerBox .serviceNavigation #upBack {float: right}
#footerBox .serviceNavigation img {background: none;float: left}
#footerBox-copy{
    padding: 10px 0;
    margin: 0;
    text-align: center;
    font-size: 0.9em;
}
#footArticle{
    font-size:11px;
    padding:15px;
    text-align: center;
}

/* header */
#headerBox img {

}
#headerBox p.description 
{
    font-family: "NeoTechPro-Regular";
    color: #cc0000;
    margin: 0;
    position: absolute;top: 85px;left: 85px;
    font-size: 1.1em;
} 
#headerBox p.slogan 
{
    width: 476px;
    height: 64px;
    margin: 0 !important;
    background: url("Images/SloganBg.png") no-repeat top left;
    position: absolute;top: 25px;left: 255px;
    font-family: "NeoTechPro-Medium";
    padding-top: 20px;
    text-align: left;
    padding-left: 70px;
    font-size: 1.65em;
    color: #005290;
    }
#headerBox a.ceskaSporitelna {position: absolute;top: 0;right: -60px;}
#headerBox p.navigation {
    display: none;
} 
#headerBox #languages {
    position: absolute;
    top: 2px;
    right: 0;
    font-weight: bold;
    text-align: right;    
}
#headerBox #languages a {
    line-height: 1.4;
}
#headerBox #languages a:hover {
    color: black;
}

/* common: main content + infozone */

#dateAuthor, .dateAuthor {  
    text-align:right;
    color: #c52310;
}
.dateAuthor .author, #dateAuthor .author{
    color:#215fb2;
}
.article {
    margin: 0 0 15px 0;
}
#footerBox .article {margin: 0}
.htmlEditorContent img.bordered {
    border: solid #6495ed 1px;
}
.htmlEditorContent .perex, .htmlEditorContent .hl1 {color: #215fb2;font-weight: bold;}
.htmlEditorContent .perex, .htmlEditorContent p.hl1 {
    font-style: normal;
    background: #215fb2;color: #fff;padding: 12px;
    
}
.htmlEditorContent .perex, .htmlEditorContent p.hl1 a {color: #fff}
.htmlEditorContent ul, .htmlEditorContent ol {
    padding: 5px 0 5px 2px;
    list-style-type: circle;
    overflow: auto;
    margin-bottom:6px;
    list-style-position:inside;
}
.htmlEditorContent ul ul, .htmlEditorContent ol ol{
    margin-left:13px;
}
.htmlEditorContent ul li, .htmlEditorContent ol li {
    padding: 2px 0;
    line-height: 1.7em;
}
.htmlEditorContent ul li > span, .htmlEditorContent ol li > span {line-height: 1.7em !important}
.htmlEditorContent ul {list-style: none;}
.htmlEditorContent ul li 
{
    background: url('Images/Li.gif') no-repeat 0 10px;
    padding-left: 12px;
    display: block;
        
}

.htmlEditorContent ol {
list-style-position:outside !important;
padding-left: 20px;
    list-style-type:decimal;
}
.htmlEditorContent ol ol{
    list-style-type:lower-alpha;
}
.htmlEditorContent ol ol ol{
    list-style-type:lower-roman;
}
.htmlEditorContent ol li {

}
.htmlEditorContent table.styled {
    margin: 5px 0 15px 0;
}
.htmlEditorContent table.styled caption {color: white;padding: 7px 0;
    background-color: #11458a;}
.htmlEditorContent table.styled th, .htmlEditorContent table.styled td {
    border-top: solid #999999 1px;
    border-bottom: solid #999999 1px;
    padding: 3px 15px;
    text-align: left;
}
.htmlEditorContent table.styled thead th, .htmlEditorContent table.styled thead td {
    padding: 5px 15px;
    color: white;
    border-color: #fff;
    background-color: #215fb2;
}
.htmlEditorContent table.styled tfoot th, .htmlEditorContent table.styled tfoot td {
    padding: 5px 15px;

    font-weight: bold;
    border-color: #fff;
    background-color: #f58400;color: #fff;
}
.htmlEditorContent table.styled tr.hl th, .htmlEditorContent table.styled tr.hl td {
    
    background-color: #f6f6f6;
    color: black;
}
.htmlEditorContent h3.listOfLinksHeader {
    margin: 8px 0 0 0;
    font-size: 14px;
    font-weight: normal;
}
.htmlEditorContent ul.listOfLinks {
    padding: 5px 0 8px 3px;
    list-style: none;
}
.htmlEditorContent ul.listOfLinks li {
    height: 16px;
    padding-left: 20px;
    line-height: 16px;
    margin-bottom: 3px;
}

/* main content */

#footerBox .social a.facebook 
{
display: block;width: 88px;height: 21px;text-indent: -9999px;
float: left;
    background: url('Images/Facebook.png') no-repeat 0 50%
}
#footerBox .social a.facebook:hover 
{
    background: url('Images/FacebookHover.png') no-repeat 0 50%
}
#footerBox .social a.youtube 
{
	display: block;width: 60px;height: 21px;text-indent: -9999px;
	float: left;
	margin-left: 10px;
    background: url('Images/YouTube.png') no-repeat 0 50%
}
#footerBox .social a.youtube:hover 
{
    background: url('Images/YouTubeHover.png') no-repeat 0 50%
}
#footerBox #upBack {
    line-height: 50px;
    text-align: right;
}
#footerBox #upBack a 
{
    color: #fff;text-decoration: none;
    margin-left: 30px;
    padding-left: 25px;
    }
#footerBox #upBack a.buttonUp 
{
    background: url('Images/IconUp.png') no-repeat 0 50%
}
#footerBox #upBack a.buttonUp:hover 
{
    background: url('Images/IconUpHover.png') no-repeat 0 50%
}
#footerBox #upBack a.buttonBack 
{
    background: url('Images/IconBack.png') no-repeat 0 50%
}
#footerBox #upBack a.buttonBack:hover 
{
    background: url('Images/IconBackHover.png') no-repeat 0 50%
}
#footerBox #upBack a.buttonPrint 
{
    background: url('Images/IconPrint.png') no-repeat 0 50%
}
#footerBox #upBack a.buttonPrint:hover
{
    background: url('Images/IconPrintHover.png') no-repeat 0 50%
}
#footerBox #upBack a.buttonSiteMap 
{
    background: url('Images/IconSiteMap.png') no-repeat 0 50%
}
#footerBox #upBack a.buttonSiteMap:hover 
{
    background: url('Images/IconSiteMapHover.png') no-repeat 0 50%
}
#footerBox #upBack a.buttonContact 
{
    background: url('Images/IconContact.png') no-repeat 0 50%
}
#footerBox #upBack a.buttonContact:hover 
{
    background: url('Images/IconContactHover.png') no-repeat 0 50%
}
#footerBox #upBack a:hover 
{
    text-decoration: underline;
    color: #f69b00;
}

/* Infozone */
#infoContentBox 
{
    padding: 20px 0 10px 20px;
}
#infoContentBox .article {padding-right: 20px;}
table.partners {width: 100%;border-collapse: collapse}
table.partners th {text-align: left;font-size: 11px;padding-bottom: 10px;}
table.partners th.sep,
table.partners td.sep {border-left: 1px solid #bcbcbc;width: 20px;}
table.partners td img {margin-right: 14px;}
#infoContentBox h2 {
}
#infoContentBox p.dateAuthor {
}
#infoContentBox .htmlEditorContent h3 {
}
#infoContentBox .htmlEditorContent h4 {
}
#infoContentBox .htmlEditorContent img.bordered {
}
#infoContentBox .htmlEditorContent .hl1 {
}
#infoContentBox .htmlEditorContent ul {
}
#infoContentBox .htmlEditorContent ul li {
}
#infoContentBox .htmlEditorContent ol {
}
#infoContentBox .htmlEditorContent ol li {
}
#infoContentBox .htmlEditorContent table.styled {
}
#infoContentBox .htmlEditorContent table.styled th, #infoContentBox .htmlEditorContent table.styled td {
}
#infoContentBox .htmlEditorContent table.styled thead th, #infoContentBox .htmlEditorContent table.styled thead td {
}
#infoContentBox .htmlEditorContent table.styled tr.hl th, #infoContentBox .htmlEditorContent table.styled tr.hl td {
}
#infoContentBox .htmlEditorContent h3.listOfLinksHeader {
}
#infoContentBox .htmlEditorContent ul.listOfLinks {
}
#infoContentBox .htmlEditorContent ul.listOfLinks li {
}

/* paneWrap */
.paneWrap{
    margin: 12px 0;
}
.paneWrap .paneHead{
    height: 24px;
}
.paneWrap .paneHead a{
    height: 24px;
    line-height: 24px;
    float: left;
    display: block;
    text-decoration: none;
    background: #D4D2D2;
    border: 1px solid #D4D2D2;
    border-bottom: none;
    color:black;
    padding: 0 10px;
    margin-right: 3px;
}
.paneWrap .paneHead a:hover{
    background: silver;
}
.paneWrap .paneHead a.active{
    background: white;
}
.paneWrap .paneBlocks{
    border: 1px solid #D4D2D2;
    padding: 12px;
}

.paneWrap .paneBlocks h2{
    margin-top: 0;
}

/* Breadcrumb */
.breadcrumb{
    margin-bottom: 10px;
}

/* footer */
#footerBox p.navigation {
    display: none;
}

/* search */
#searchBox {    
    margin-bottom: 18px;
    margin-top: 3px;
}

#searchBox h2 {
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    margin-top: 0;
}
#searchBox .searchExpression {
    border-color: #D4D2D2;
    padding: 3px;    
    float: left;
    clear: left;
    width: 136px;
}
#searchBox .searchButton {    
    cursor: pointer;                
    background: none repeat scroll 0 0 white;
    border: 1px solid #D4D2D2;
    clear: right;
    color: #CE1E2B;
    display: block;
    float: right;
    padding: 3px;
    font-size: 10px;
    text-decoration: none;
    width: 33px;
}
#searchBox a {
    clear: both;
    display: none;
    padding-top: 3px;
    font-size: 11px;
}

#displaySearch{
    float: right;
}
.searching .radios{
    margin: 6px 0;
}
.searching .radios div{
    clear: both;
    padding: 4px 0;
}
.searching .radios label{
    position: relative;
    top:2px;
}
.searching .btnSearch{
    background: none repeat scroll 0 0 white;
    border: 1px solid #D4D2D2;
    color: #CE1E2B;
    padding:4px 6px 3px 6px;
    text-decoration: none;
    font-size: 11px;
    position: relative;
    top:1px;
}

.searching .parameterBox td{
    padding: 6px 0;
    vertical-align: middle;
}
.searching .parameterBox label{
    position: relative;
    top:2px;
}

.searching .parameterBoxName span{
    position: relative;
    top:4px;
}

.searching .parameterBox select{
    width:308px;
}
.searching .parameterBoxValue span{
    display: block;
}
.searching .parameterBoxValue .parItemsBox{
    border: 1px solid #D4D2D2;
    padding: 3px;
    width: 300px;
    max-height: 100px;
    overflow: auto;
}
.searching .parameterBoxValue span.radio{
    display: block;
    padding-bottom: 6px;
}

/* Check availavbility */

.checkAvail{
    padding: 10px;
    height: auto;
}
.checkAvail h1{
    font-size: 16px;
    line-height: 1;
    margin: 0 0 10px 0;
    font-weight: bold;

}
.checkAvail h2{
    display: none;
}
.checkAvail #btnSend{
    margin-bottom: 0;
    float: right;
}
#showAvailability{
    cursor: pointer;
}


/* Forms */
.text,
.textarea {color: #595453}
fieldset p {margin-bottom: 20px}
fieldset .text {width: 200px !important;padding: 6px 5px !important;margin: 0 !important;border: 1px solid #c1c1c1 !important;border-bottom-color: #fff !important;border-right-color: #fff !important;background: #fff url('Images/InputBg2.jpg') repeat-x !important;}
fieldset .textarea {padding: 6px 5px;margin: 0 !important;border: 1px solid #c1c1c1;border-bottom-color: #fff;border-right-color: #fff;background: #fff url('Images/InputBg2.jpg') repeat-x;}
fieldset .text.disabled {background: #e3e3e3 url('Images/InputBgDisabled.jpg') repeat-x !important;}
fieldset .textarea.disabled {background: #e3e3e3 url('Images/InputBgDisabled.jpg') repeat-x;}
#search .text {width: 50% !important}
fieldset {border: 0;margin: 0;background: #f2f2f2;margin-bottom: 20px;padding: 20px 20px 10px;position: relative}
fieldset.clean {background: #fff;margin-bottom: 20px;padding: 0 20px 0;position: relative}
h2.legend {color: #242424;font-size: 1.1em;background: url('Images/LegendBg.png') no-repeat -20px 0;display: block;line-height: 20px;padding: 15px 60px 0 20px;margin: 0;;display: block}
.questionWrap {color: #242424;border-bottom: 2px solid #ccc;font-size: 1.1em;width: 100%;background: #f2f2f2 url('Images/LegendBg.png') no-repeat -20px 0;display: block;padding: 0;margin: 0;float: left;display: block}
.questionWrap td {padding: 20px}
.questionWrap th {padding: 20px;font-weight: normal; text-align: left;}
fieldset table {width: 100%}
fieldset table tr td {padding-right: 49px;vertical-align: top;padding-bottom: 10px;}
fieldset table tr th {text-align: left;font-weight: normal;padding-bottom: 5px}
a.selectLink {background: #d92711 url('Images/OpenInNewWindow.gif') no-repeat 85% 45%;height: 28px;line-height: 28px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;padding: 0 35px 0 10px;display: inline-block;color: #fff;text-decoration: none}
a.selectLink:hover {background-color: #c52511}
.SubmitButton {display: inline-block;background: url('Images/SubmitButton.png') no-repeat 100% 0;padding: 0 25px 0 20px;height: 30px;line-height: 30px;text-decoration: none;color: #fff;text-align: center;}
.SubmitButton:hover {color: #fff;}
.CheckboxLabel {position: relative;top: 2px;left: 4px;&top: 0;}
.CheckBox label {position: relative;top: 2px;left: 4px;&top: 0;}


/* external windows */
.window {background: #fff;margin: 0;padding: 0;}
.window .inner {border: 20px solid #f69b00;padding: 20px;}
.window select {margin: 0}
.window .resultsWrap {background: #f2f2f2;padding: 20px;}
.window #results {background: #f2f2f2;line-height: 1.65em}
.window #results div {cursor: pointer;background: #fff;margin-bottom: 5px;padding: 6px 10px;}
.window #results div:hover {background: #215fb2;color: #fff;}
.window #results div:hover a {color: #fff;text-decoration: underline}
.window .school {cursor: pointer;background: #fff;line-height: 1.65em;margin-bottom: 5px;padding: 6px 10px;margin-bottom: 5px;}
.window .school:hover {background: #215fb2;color: #fff}
.window .school:hover a {color: #fff;text-decoration: underline;}
.window .blueBox {text-decoration: none;line-height: 1.65em;cursor: pointer;background: #fff;margin-bottom: 5px;padding: 6px 10px;background: #215fb2;color: #fff}
.window .blueBox:hover {background: #f69b00}
.window .blueBox a {color: #fff;text-decoration: underline}
.window .blueBox .underline {text-decoration: underline}

.alert {padding: 15px;margin-bottom: 15px;color: #fff !important;display: block;}
.alert a {color: #fff !important}
.alert a:hover {text-decoration: none}
.alert.error {background: #db3110;}
.alert.info {background: #215FB2;}
.alert.success {background: #269626}
.alert ul {color: #fff !important;padding: 0;margin: 0}


/* lists styles */
.list{
	margin:0 0 0 0;
	width: 100%;
	min-height: 120px;
	float: left;clear: both; overflow-x: hidden;
}

.list h2 {margin-bottom: 15px}

.list .categories {padding-top: 15px;}
.list .pages{
	margin:0 0 10px 0;
}

.pages { margin: 5px 0 10px; float: right;text-align: right;font-size: 1.2em;color: #252525;}
.pages span.selected { color: #d92711; font-weight: bold; text-decoration: none; }
.pages a { color: #b2b2b2;padding: 0 1px; font-weight: bold;text-decoration: none}
.pages a:hover {color: #000;}
.pages span.selected span { cursor: default; }

.list .sort { margin: 5px 0 10px; text-align: left;font-size: 1.2em;color: #252525;}
.list .sort span.selected { color: #d92711; font-weight: bold; text-decoration: none; }
.list .sort a { color: #b2b2b2;padding: 0 1px; font-weight: bold;text-decoration: none}
.list .sort a:hover {color: #000;}
.list .sort span.selected span { cursor: default; }

.list .filter { margin: 5px 0 10px;float: left; text-align: left;font-size: 1.2em;color: #252525;}
.list .filter span.selected { color: #d92711; font-weight: bold; text-decoration: none; }
.list .filter a { color: #b2b2b2;padding: 0 1px; font-weight: bold;text-decoration: none}
.list .filter a:hover {color: #000;}
.list .filter span.selected span { cursor: default; }

.list .categories { margin: 5px 0 10px;float: left; text-align: left;font-size: 1.2em;color: #252525;}
.list .categories span.selected { color: #d92711; font-weight: bold; text-decoration: none; }
.list .categories a { color: #b2b2b2;padding: 0 1px; font-weight: bold;text-decoration: none}
.list .categories a:hover {color: #000;}
.list .categories span.selected span { cursor: default; }

.pages .sep, .sort .sep, .filter .sep, .categories .sep {font-weight: normal;display: inline-block;width: 1px;border-left: 1px solid #ccc;font-size: 1.4em;height: 18px;position: relative;top: 4px;margin: 0 3px}
.pages .sep.first, .sort .sep.first, .filter .sep.first, .categories .sep.first {border-color: #fff}

.list .content{}

.list .listItem{
  float: left;
  position: relative;
  width: 214px;
  overflow: hidden;
  margin:0 0 15px 15px;
  background: url('../Modules/Lists/Type1/Design/ListBg.png') no-repeat;
}
.list .listItem.wMore {cursor: pointer !important;}
.list .listItem.wMore.game .listDefault {padding-bottom: 0}
.list .listItem.game {cursor: pointer}
.list .listItem.woPhoto.wMore .buttonLink {position: relative;margin-top: 15px;}
.list .listItem.woPhoto2.wMore .itemTitle {margin-bottom: 30px}
.list .listItem.woPhoto2.wMore.wVideo .itemTitle {margin-bottom: 0}
.list .listItem.woPhoto.wMore.game .buttonLink {position: relative;}
.list .listItem.even {margin-left: 0;}
.list .listItem .image,
.list .listItem .imageContainer,
.list .listItem .flash,
.list .listItem .html,
.list .listItem .urlMedia {
  display:block;
  width:215px;
  height: 160px;  
  overflow:hidden;
  float: left;
  background: #fff;
  position:relative;
  margin:0 0 0 0;  
}

.list .listItem .image img{
  background:none; 
  position: relative;
}

.list .listItem h3{
	margin:0 0 3px;
	font-size: 15px;
	line-height: 1.3em;
}

.list .listItem .introText{
  clear:none;
  margin:0 0 10px;
}

.list .listItem .date{
text-align: left;
color: #f68d00;
font-size: 1.0em;
float: none;
margin: 0;
clear: both;
padding-bottom: 3px;
}
.list .listItem .author{
text-align: left;
color: #1672ef;
font-size: 1.0em;
float: none;
margin: 0;
clear: both;
padding-bottom: 3px;
}

.list .listItem .buttonLink{
    position: absolute;bottom: 15px;left: 15px;
    display: inline-block;padding: 7px 30px 7px 15px;
    background: #d92711 url('Images/MoreWhite.gif') no-repeat 85% 50%;
    font-size: 11px;
    color: #fff;text-decoration: none;
}
.list .listItem .buttonLink:hover,
.list .listItem:hover .buttonLink {background-color: #0c419a}
.list .listItem .itemTitle {padding: 15px 15px 12px}
.list .listItem .itemTitle small {font-size: 0.9em;padding-top: 5px;display: block;}

.list .description{
    position: absolute;
    left: -9999px;
}
.list .woTitle .description 
{
    position: relative;
    left: 0;
    color: #252525;
    padding: 15px;
}
    
/* Item hover */
#listType1Hover{
    position: absolute;
    width: 185px;
    line-height: 1.4em;
    background: #215fb2;
    color:white;
    border: 1px solid #fff;
    z-index: 1000;
    padding: 15px;
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";

  /* IE 5-7 */
  filter: alpha(opacity=85);

  /* Netscape */
  -moz-opacity: 0.85;

  /* Safari 1.x */
  -khtml-opacity: 0.85;

  /* Good browsers */
  opacity: 0.85;
}
#listType1Hover p{margin: 0}
#listType1Hover .introText {
    /*max-height: 288px;
    overflow: auto;*/
}
#listType1Hover a{
    color:white;
}
#listType1Hover .buttonLink{
    color:white;
    text-decoration: none;
    background: url("Images/more-white.gif") no-repeat right center;
    padding-right: 24px;
}
#listType1Hover .bottomArrow{
    background: url("Images/ListSmallArrow.png") no-repeat top left;
    width: 53px;
    height: 9px;
    position: absolute;
    bottom: -9px;
    left: 0;
    overflow: hidden;
}

.list .listItem.blue {border-top: 4px solid #1672ef;}
.list .listItem.green {border-top: 4px solid #25890e;}
.list .listItem.purple {border-top: 4px solid #d12e13;}
.list .listDefault {position: relative}
.list .listBtm {background: #dc350f url('Images/ListBtmBg.png') repeat-x;padding: 10px 10px 15px 15px;color: #fff;}
.list .listBtm p {margin: 0;font-size: 1.25em;line-height: normal;margin-bottom: 10px}
.list .titlePoints {font-size: 1.25em;background: url('Images/PointsBg.png') no-repeat 100% -2px;display: inline-block;line-height: 29px;padding: 0 25px 0 10px !important;}
.list .points {font-size: 1.25em;background: url('Images/PointsBg.png') no-repeat 100% 50%;display: inline-block;height: 29px;line-height: 29px;padding: 0 40px 0 10px !important;}
.list .amount {font-size: 1.25em;margin-top: 5px;background: url('Images/PointsBg.png') no-repeat 100% 50%;display: inline-block;height: 29px;line-height: 29px;padding: 0 40px 0 10px !important;}
.list .other {font-size: 1.0em;margin-top: 5px;background: url('Images/PointsBg2.png') no-repeat 100% 0;display: inline-block;line-height: 20px;width: 150px;padding: 5px 35px 5px 10px;}
.list .ok .icon {padding-right: 20px;background: url('Images/Checked2.gif') no-repeat 100% 50%}
.list .nok .icon {padding-right: 20px;background: url('Images/Wrong.gif') no-repeat 100% 50%}
.list .listItem .box h3 {color: #fff;font-weight: bold;padding-bottom: 5px}


#listType1Hover ul, #listType1Hover ol {
    padding: 5px 5px 5px 2px;
    list-style-type: circle;
    overflow: auto;
    margin-bottom:6px;
    list-style-position:inside;
}
#listType1Hover ul ul, #listType1Hover ol ol{
    margin-left:13px;
}
#listType1Hover ul li, #listType1Hover ol li {
    padding: 2px 0;
    line-height: 1.7em;
}
#listType1Hover ul li > span, #listType1Hover ol li > span {line-height: 1.7em !important}
#listType1Hover ul {list-style: none;}
#listType1Hover ul li 
{
    background: url('Images/Li-white.gif') no-repeat 0 10px;
    padding-left: 12px;
    display: block;width: 95%;
        
}

#listType1Hover ol {
    list-style-type:decimal;
}
#listType1Hover ol ol{
    list-style-type:lower-alpha;
}
#listType1Hover ol ol ol{
    list-style-type:lower-roman;
}
#listType1Hover ol li {

}


.detailPage {margin-bottom: 0;overflo-x: hidden;position: relative;width: 672px}
.detailPage .photos {width: 430px;overflow: hidden;}
.detailPage .info {width: 214px;}
.detailPage .info table {width: 100%;border-collapse:collapse }
.detailPage .info table th {color: #cc0000;border-bottom: 1px solid #0c419a;padding: 10px 20px;text-align: left;}
.detailPage .info table td {border-bottom: 1px solid #0c419a;padding: 10px 20px;}
.detailPage .info table td.bottom {border-bottom: 0}
.detailPage .info .descriptionTitle {color: #cc0000;display: block;margin-bottom: 10px}
.detailPage .list {float: none !important;margin: 0}
.detailPage .listItem {margin-left: 0;margin-bottom: 15px;height: auto !important}
.detailPage .thumbs {margin-left: -20px;margin-bottom: 0}
.detailPage .photos #largeThumb {border-bottom: 5px solid #c12210;margin-bottom: 20px;position: relative;display: block;overflow: hidden;float: left;width: 430px;height: 322px;background: #ccc}
.detailPage .photos .thumbs a {border-bottom: 5px solid #c12210;margin-bottom: 20px;position: relative;display: block;margin-left: 20px;overflow: hidden;float: left;width: 130px;height: 97px;background: #ccc}
.detailPage .photos .thumbs a img,
.detailPage .photos #largeThumb img  {position: relative}
.detailPage .photos .thumbs a:hover,
.detailPage .photos #largeThumb:hover {border-color: #2463b5}

.detailDescription {padding-top: 15px;}
.gameTable {margin-bottom: 10px}
.gameTable th {padding: 10px 0 10px 5px;width: 15px;vertical-align: middle;border-bottom: 1px solid #ccc;}
.gameTable th input {position: relative;top: 0px}
.gameTable td {padding: 10px;vertical-align: middle;border-bottom: 1px solid #ccc;}
.gameTable.active tr:hover th,
.gameTable.active tr:hover td {background-color: #fff;}
.gameTable tr.selected th,
.gameTable tr.selected td {background-color: #215fb2 !important;color: #fff;font-weight: bold}
.gameTable tr td.thumb {width: 100px;text-align: right;}
.gameTable tr.correct td {font-weight: bold}
.gameTable tr.correct td.answerInfo {width: 130px;text-align: right;background-color: #269626 !important;color: #fff;font-weight: bold}
.gameTable tr.incorrect td.answerInfo {width: 130px;text-align: right;background-color: 0 !important;color: black;font-weight: bold}
.gameTable tr.incorrect.selected td.answerInfo {background-color: #880015 !important; color: #fff;}
.gameTable tr.incorrect:hover td {background: none}
.gameTable tr td.answerInfo div { margin-top: 5px; float: right; }
.gameTable .thumbs a, .questionWrap .thumbs a {text-decoration: none;border-bottom: 5px solid #c12210;position: relative;display: block;overflow: hidden;width: 130px;height: 97px;background: #ccc}
.gameTable .thumbs a img, .questionWrap .thumbs a img {position: relative}
.gameTable .thumbs a:hover, .questionWrap .thumbs a:hover {border-color: #2463b5}
.gameTable .thumbs a .fullscreen, .questionWrap .thumbs a .fullscreen {background: #c22210 url('Images/Fullscreen.png') no-repeat 102% -36px;text-decoration: none;font-size: 0.9em;font-weight: bold;position: absolute;bottom: 0;right: 0;color: #fff;display: block;padding: 5px 30px 2px 10px}
.gameTable .thumbs a:hover .fullscreen, .questionWrap .thumbs a:hover .fullscreen {background-color: #2463b5}

div.results { margin-bottom: 15px; color: White; font-weight: bold; padding: 10px 20px 10px 20px; }
div.correct { background-color: #269626; }
div.incorrect { background-color: #880015; }
fieldset.results { margin-bottom: 0; }
/*
fieldset.correct {border-bottom: 5px solid #269626}
fieldset.incorrect {border-bottom: 5px solid #db3110}
*/

#searchResults .result {cursor: pointer;background: #fff;line-height: 1.65em;margin-bottom: 5px;padding: 6px 10px;margin-bottom: 5px;}
#searchResults .result:hover {background: #215fb2;color: #fff}
#searchResults .result:hover a {color: #fff;text-decoration: underline;}

.gameTable tr td i 
{
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";

  /* IE 5-7 */
  filter: alpha(opacity=55);

  /* Netscape */
  -moz-opacity: 0.55;

  /* Safari 1.x */
  -khtml-opacity: 0.55;

  /* Good browsers */
  opacity: 0.55;    
}

.miniProfil {padding: 4px 20px 0;position: relative;margin-bottom: 20px;}
.miniProfil h2 {color: #fff;font-size: 1.3em;font-weight: bold;margin-top: 0;margin-bottom: 5px;}
.totalPoints {position: absolute;margin: 0;top: 12px;left: -31px;color: #fff}
.totalPoints strong {font-size: 1.3em}
.testerDate {position: absolute;margin: 0; top: 8px;right: -20px;color: #fff;width:370px}
.miniProfil .profilePhoto {border: 5px solid #fff;text-align: center;background: #F2F2F2;width: 180px;height: 135px;display: block;}
.miniProfil .profilePhoto:hover {border-color: #be210e}

.pointsResult {padding: 15px 20px;border-top: 1px solid #ccc;background: #f7f7f7;text-align: right}
.pointsResult strong {font-size: 1.3em}

#mp1 table.nav {width: 993px;margin-left: -4px;border-collapse: collapse}
#mp1 table.nav tr td {width: 242px;}
#mp1 table.nav tr td.sep {width: 8px;background: none !important}
#mp1 table.nav tr.header td {height: 11px;background: url('Images/BoxTop.png') no-repeat left bottom}
#mp1 table.nav tr.content td {text-align: center;padding: 0 !important;background: url('Images/BoxContent.png') repeat-y 0 48% }
#mp1 table.nav tr.content td img {padding: 0 !important;background: none !important;}
#mp1 table.nav tr.bottom td {vertical-align: top;padding: 7px 0 33px;text-align: center;font-family: 'NeoTechPro-Medium';font-size: 1.5em}
#mp1 table.nav tr.bottom td.td1 {background: url('Images/BoxBtm1.png') no-repeat left bottom}
#mp1 table.nav tr.bottom td.td2 {padding-top: 12px;padding-bottom: 27px;background: url('Images/BoxBtm2.png') no-repeat left bottom}
#mp1 table.nav tr.bottom td.td3 {padding-top: 12px;padding-bottom: 27px;background: url('Images/BoxBtm3.png') no-repeat left bottom}
#mp1 table.nav tr.bottom td.td4 {background: url('Images/BoxBtm4.png') no-repeat left bottom}

table.nav {width: 100%;border-collapse: collapse}
table.nav tr td {width: 23.5%}
table.nav tr td.sep {width: 2%;background: none !important}
table.nav tr.header td {height: 11px;background: url('Images/BoxTop.png') no-repeat center bottom}
table.nav tr.content td {text-align: center;padding: 0 !important;background: url('Images/BoxContent.png') repeat-y 50% 48% }
table.nav tr.content td img {padding: 0 !important;background: none !important;}
table.nav tr.bottom td {vertical-align: top;padding: 7px 0 33px;text-align: center;font-family: 'NeoTechPro-Medium';font-size: 1.5em}
table.nav tr.bottom td.td1 {background: url('Images/BoxBtm1.png') no-repeat center bottom}
table.nav tr.bottom td.td2 {padding-top: 12px;padding-bottom: 27px;background: url('Images/BoxBtm2.png') no-repeat center bottom}
table.nav tr.bottom td.td3 {padding-top: 12px;padding-bottom: 27px;background: url('Images/BoxBtm3.png') no-repeat center bottom}
table.nav tr.bottom td.td4 {background: url('Images/BoxBtm4.png') no-repeat center bottom}

table.results {
    margin: 5px 0 15px 0;
    width: 100%;
}
table.results tbody th, table.results tbody td {
    border-top: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
    padding: 6px 15px;
    text-align: left;
}

table.results thead th.active.False a {display: block;float: left;padding-right: 20px;background: url('Images/IconUp.png') no-repeat 100% 50%}
table.results thead th.active.True a {display: block;float: left;padding-right: 20px;background: url('Images/IconDown.png') no-repeat 100% 50%}

table.results thead th, table.results thead td {
    padding: 10px 15px;
    color: white;
    background-color: #215fb2;
}
table.results thead th a, table.results thead td a {
    color: #fff;text-decoration: none;
}
table.results thead th.active a, table.results thead td.active a {
    color: #fff;text-decoration: underline;
}
table.results tbody tr:hover td {background: #f7f7f7 !important;color: #000 !important}
table.results .points {color: #215fb2;font-size: 1.2em}
.alignLeft {text-align: left !important}
.alignCenter {text-align: center !important}
.alignRight {text-align: right !important}

#breadcrumb #navigation > span {margin-left: 10px}

.authorSep {color: #ccc !important}

.profile .photos {width: 30%;padding: 0 0 10px !important;}
.profile .profilePhoto {border: 5px solid #fff;text-align: center;background: #F2F2F2;width: 180px;height: 135px;display: block;}
.profile .profilePhoto:hover {border-color: #be210e}
.profile .profilePhoto.floatLeft {margin-right: 10px;}
.profile .floated a {float: left;margin-right: 10px}
.profile .profilePhoto2 a {border: 5px solid #fff;text-align: center;background: #F2F2F2;width: 180px;height: 135px;display: block;}
.profile .profilePhoto2 a:hover {border-color: #be210e}
.profile .info {width: 70%;padding: 0 0 10px !important;}
.profile .info td {padding: 0}
.profile .info td address {font-size: 1.6em;border-bottom: 1px solid #ccc;display: block;padding-bottom: 10px;margin-bottom: 10px}
.profile .info td .points {margin: 0;font-size: 1.2em}
.playerDetail .profile th {width: 40%;font-weight: bold;}
.playerDetail .profile th,
.playerDetail .profile td {text-align: left;padding: 5px 0 !important;} 

.floatLeft {float: left !important}
.floatRight {float: right !important}	

.photoList tr th {border-bottom: 1px solid #ccc;font-weight: bold;}
.photoList tr td {padding: 10px 20px 10px 0;}
.photoList .col1 {}
.photoList .col2 {}
.photoList .col3 {}
.photoList .text {width: 100px}
.photoList .radio {margin-top: 20px;position: relative;padding-left: 25px}
.photoList .radio input {position: absolute;top: -2px;left: 0}

.settings table {width: 50%;float: left}
.settings .profilePhoto {float: right;width: 180px;height: 132px;border: 0}
.settings .profilePhoto a {border: 5px solid #fff;text-align: center;background: #F2F2F2;width: 180px;height: 135px;display: block;}
.settings .profilePhoto a:hover {border-color: #be210e}

.searchCategory {vertical-align: bottom;padding: 0}
.searchCategory strong {display: block;padding-bottom: 10px;border-bottom: 2Px solid #ccc;margin-bottom: 10px;padding-right: 10px;}

.school td, .player td {padding-right: 0}
.school td .text {width: 250px !important}

.myAccountWrap {position: relative}
.myAccountWrap .overlayBox {text-align: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('Images/OverlayBox.png');}
.myAccountWrap .overlayBox .buttons a {display: inline-block;padding: 10px 20px;background: #d92711;text-decoration: none;font-size: 1.6em;color: #fff;margin: 180px 10px 50px;}
.myAccountWrap .overlayBox .buttons a:hover {background: #215fb2}
.myAccountWrap .overlayBox .buttons span {display: inline-block;padding: 10px 20px;font-size: 2.4em;color: #777;}
.myAccountWrap .overlayBox .buttons span strong {color: #000}

.accountCols .col {float: left;margin-bottom: 15px;padding: 15px;width: 183px;height: 172px;background: url('Images/AccountInfoBox.png') no-repeat;border-bottom: 3px solid #cfcfcf}
.accountCols .col.center {margin: 0 15px 0 16px}
.accountCols .col h2 {color: #fff;font-size: 1.6em;line-height: normal;margin: 0 0 40px 0}
.accountCols .col .info {line-height: 2.2em;margin-bottom: 20px}
.accountCols .col .info strong {font-size: 1.6em}
.accountCols .col .info span.sep {font-weight: normal;color: #989898}
.accountCols .col a.more {color: #fff;text-decoration: none;display: block;float: left;padding: 7px 10px;background: #d92711}
.accountCols .col a.more:hover {background: #0c419a}

.accountGames {padding: 15px;margin-bottom: 20px;width: 642px;height: 271px;background: url('Images/AccountLargeInfoBox.png') no-repeat;border-bottom: 3px solid #cfcfcf}
.accountGames h2 {color: #fff;font-size: 1.6em;line-height: normal;margin: 0 0 40px 0}
.accountGames .gamesContent {overflow-y: scroll;height: 180px}
.accountGames table {width: 625px;border-collapse: collapse}
.accountGames table .col1 {width: 60%;text-align: left;}
.accountGames table .col2 {width: 30%;text-align: center;}
.accountGames table .col3 {width: 10%;text-align: center;}
.accountGames table th {padding: 0 5px 7px 5px}
.accountGames table td {border-top: 1px solid #cecece;padding: 7px 5px;}
.accountGames table td img {background: none !important}

strong.headline {display: block;padding: 10px 0}
#newComment {width: 100%;height: 120px}
.board {margin-left:-7px;margin-bottom: 0;}
.board .note {margin-left: 7px;margin-bottom: 5px;width: 218px;height: 222px;position: relative;float: left;}
.board .note.color1 {background: url('Images/NoteYellow.png') no-repeat;}
.board .note.color2 {background: url('Images/NoteBlue.png') no-repeat;}
.board .note.color3 {background: url('Images/NoteGreen.png') no-repeat;}
.board .note.color4 {background: url('Images/NotePurple.png') no-repeat;}
.board .note .inner {padding: 30px 20px 20px;font-size: 11px;}
.board .note .inner p {height: 140px;overflow: hidden;font-size: 12px;font-style: italic;line-height: normal}
.board .note .author {position: absolute;bottom: 15px;left: 20px;}

.counterInfo1, .counterInfo2 {margin-left:-1px;}
.fixedInfo {position: fixed;top: 0;width: 642px;z-index: 800}

.animation object {visibility: visible !important}

.colors {padding-top: 5px;;postion: relative;z-index: 5;float: left}
.colors label {float: left;margin-right: 5px;display: block;width: 32px;height: 32px;position: relative;}
.colors label.active {margin-top: -7px;border-top: 0 !important;}
.colors label input {background: none;position: absolute;top: 6px;left: 5px;}
.colors label.c1 {background: #fff697;border: 2px solid #f3e871;}
.colors label.c2 {background: #caecff;border: 2px solid #9cd7f7;}
.colors label.c3 {background: #deff97;border: 2px solid #c2ee65;}
.colors label.c4 {background: #f1caff;border: 2px solid #dd9ff3;}
#newComment:focus {outline: 0}
textarea.c1 {background: #fff697;border: 2px solid #f3e871;z-index: 1;width: 620px !important;font-style: italic;color: #5B5B5B}
textarea.c2 {background: #caecff;border: 2px solid #9cd7f7;z-index: 1;width: 620px !important;font-style: italic;color: #5B5B5B}
textarea.c3 {background: #deff97;border: 2px solid #c2ee65;z-index: 1;width: 620px !important;font-style: italic;color: #5B5B5B}
textarea.c4 {background: #f1caff;border: 2px solid #dd9ff3;z-index: 1;width: 620px !important;font-style: italic;color: #5B5B5B}


/* Item hover */
#boardHover{
    position: absolute;
    width: 185px;
    font-style: italic;
    color:white;
    z-index: 1000;
    padding: 15px;

}

#boardHover.color1 {background: #fff697;border: 2px solid #f3e871;color: #5B5B5B}
#boardHover.color2 {background: #caecff;border: 2px solid #9cd7f7;color: #5B5B5B}
#boardHover.color3 {background: #deff97;border: 2px solid #c2ee65;color: #5B5B5B}
#boardHover.color4 {background: #f1caff;border: 2px solid #dd9ff3;color: #5B5B5B}

#boardHover p{margin: 0}
#boardHover .introText {
    /*max-height: 288px;
    overflow: auto;*/
}
#boardHover a{
    color:white;
}
#boardHover .buttonLink{
    color:white;
    text-decoration: none;
    background: url("Images/more-white.gif") no-repeat right center;
    padding-right: 24px;
}
#boardHover .bottomArrow{
    background: url("Images/ListSmallArrow.png") no-repeat top left;
    width: 53px;
    height: 9px;
    position: absolute;
    bottom: -9px;
    left: 0;
    overflow: hidden;
}
#progress {float: right;padding-top: 5px}
#progress #count {display: none;}
#progressbar {
	width:0px;
	height:8px;
}
#barbox {
	float:right;
	height:8px;
	background-color:#FFFFFF;
	width:300px;
	margin-right:3px;
}
.calendarWrap {background: #055db9 !important}
.calendarWrap div.calendar {width: 50%;float: left;}
.calendarWrap div.eventInfo {width: 45%;float: right;color: #fff !important}
.calendarWrap div.eventInfo h2 {color: #fff}
.calendarWrap div.eventInfo h3 {color: #fff}
div.calendar .calendarNavigation {background: #f67300;border-bottom: 2px solid #e75e03;text-align: center;position: relative;height: 35px;line-height: 35px;}
div.calendar .calendarNavigation a {color: #fff;text-decoration: none;position: absolute;top: 0;display: block;height: 100%;line-height: 35px}
div.calendar .calendarNavigation a:hover {color: #fff}
div.calendar .calendarNavigation span {font-weight: bold;color: #fff}
div.calendar .calendarNavigation a.prev {left: 10px;}
div.calendar .calendarNavigation a.next {right: 10px}
table.calendar {border: 0px solid #055db9;margin-bottom: 10px;width: 100%;border-collapse: collapse;}
table.calendar td {width: 44px;height: 30px;text-align: center;color: #777;vertical-align: middle;border: 1px solid #ccc;border-top: 0;padding: 0 !important; }
table.calendar td.today {font-weight: bold;color: #000}
table.calendar td.empty {background-color: #fff;}
table.calendar td.hidden {background-color: #e5e5e5;}
table.calendar td.notCurrent {background-color: #ccc;color: #777;}
table.calendar td.items {font-weight: bold;color: #fff !important}
table.calendar td .color-1 {background-color: #7600a7}
table.calendar td .color-2 {background-color: #db83ff}
table.calendar td .color-3 {background-color: #0759ad}
table.calendar td .color-4 {background-color: #6c9706}
table.calendar td .color-5 {background-color: #86b5e5}
table.calendar td .color-6 {background-color: #d93401}
table.calendar td .color-7 {background-color: #ffae00}
table.calendar td .color-8 {background-color: #e1df24}
table.calendar .eventData {display: none}
table.calendar .coloredBox {height: 30px;float: left}
table.calendar .dateNumber {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;line-height: 30px;}
table.calendar .tdWrap {width: 44px;height: 100%;position: relative}


/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* hidden for ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}