/* reset ie defaults */
* { margin:0; padding:0; aborder:0;}

/* team icon style */
img.csicon
{
    width: 25px;
    padding: 0px;
}

input.cs_inputerror
{
    /*background-color: red;*/
    background: none repeat scroll 0 0 red;
    color: black;
}

/* submit buttons */
input.wpcs-button {
    border-width: 2px ;
    border-style: outset;
    border-color: #DDDBDE;
}

/* style for tablesorter */
table.tablesorter {
    font-size: 9px;
    background-color: #eeeeee;
    border: 1px solid #000;
    table-layout: auto;
}

table.tablesorter th {
    border: 1px solid #000;
    padding: 2px;
    padding-left: 25px;
    padding-right: 2px;  
    white-space:nowrap ;
}

table.tablesorter td {
     border: 1px solid #000;
     font-size: 11px;
     /*text-align: center;*/
     padding: 2px;
}
/*
table.tablesorter .even {
    background-color: #3D3D3D;
}
table.tablesorter .odd {
    background-color: #6E6E6E;
}
*/

table.tablesorter .header {
	background: url(bg.png);
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
}

table.tablesorter .headerSortUp {
    background-image: url(asc.png);
    background-repeat: no-repeat;
}
table.tablesorter .headerSortDown {
    background-image: url(desc.png);
    background-repeat: no-repeat;
}

#content input.cs_entry {
	font-size: 11px;	
	max-width: 20px;
}

h2.cs_stathead {
    font-size: 18px;
    font-weight: bold;
    background-image: url(arrow_down.jpg);
    background-repeat: no-repeat;
    padding-left: 15px;
    cursor:pointer;
    text-decoration:underline;
}

h2.cs_grouphead {
    font-size: 16px;
    font-weight: bold;
    background-image: url(arrow_down.jpg);
    background-repeat: no-repeat;
    padding-left: 15px;
    cursor:pointer;
    text-decoration:underline;
}

h2.divclose {
    background-image: url(arrow_right.jpg);
    background-repeat: no-repeat;
}

span.topButtonA {
    font-size: 14px;
    font-weight: bold;
    text-decoration:underline;
}

/* for floating menu */
#WPCSfloatMenu {
    position:absolute;
    top:240px;
    left:50%;
    margin-left:-600px;
    width:150px;
}

#WPCSfloatMenu ul {
    margin-bottom:20px;
    list-style-type: none;
    list-style-image: none;
}

/* override kubricks raquo setting */
#WPCSfloatMenu ul li:before {
    content: "";
}

#WPCSfloatMenu ul li a {
    display:block;
    border:1px solid #999;
    background-color:#222;
    border-left:4px solid #999;
    text-decoration:none;
    color:#fff;
    padding:5px 5px 5px 15px;
}

#WPCSfloatMenu ul li a:hover {
    color:#0066cc;
    background-color:#ffffff;
    border-color:#0066cc;
}

/* styles for widget */
table.widgettable {
    border-collapse:separate;
    border-spacing:12px;
}

div.tabsbody {
	background-color: #E9E9E9;
	border-color: #CCCCCC #CCCCCC #E9E9E9;
	color: #333333;
}

li.ui-state-active {
	background-color: #E9E9E9;
	border-color: #CCCCCC #CCCCCC #E9E9E9;
	color: #333333;
}
/*
background-color: #F1F1F1;
    border-color: #DFDFDF #DFDFDF #CCCCCC;
    color: #999999;
    */
li.ui-state-default {
	
    -moz-border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    float: right;
    height: 18px;
    margin: 5px 5px 0 0;
    padding: 4px 5px 2px;
}

th.wpc-label {
	width:30%;
	text-align:left;
}

.tooltip-red
{
	background-color: #FCE5CE;
	/*color: #F38F2A; */
	color: #000000;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	z-index:100;
}


/* responsive table layout */
@media only screen and (max-width: 800px) {
#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#flip-scroll * html .cf {}
#flip-scroll *:first-child+html .cf { }
#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
#flip-scroll th,
#flip-scroll td { margin: 0; vertical-align: top; }
#flip-scroll th { text-align: left; }
#flip-scroll table { display: block; position: relative; width: 100%; }
#flip-scroll thead { display: none; float: left; }
#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
#flip-scroll thead tr { display: block; }
#flip-scroll th { display: block; text-align: right; min-height: 2.25em; max-height: 8em;}
#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
#flip-scroll td { display: block; min-height: 2.25em; text-align: left; max-height: 8em;}
#flip-scroll td:nth-child(7) { display: block; min-height: 8em; text-align: left; max-height: 12em;}
 
/* sort out borders */
#flip-scroll th { border-bottom: 0; border-left: 0; }
#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
#flip-scroll th:last-child,
#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }

/* adopt layout */
#flip-scroll .csicon {left: 2px; padding: 2px; width:25px; float:none;}
table.tablesorter .header { padding-left: 20px; padding-right: 2px; min-width: 70px; font-size:11px;  min-height: 2.25em; max-height: 8em;}
table.tablesorter .headerSortUp { background-image: url(asc.png); background-repeat: no-repeat;  min-height: 2.25em; max-height: 8em; }
table.tablesorter .headerSortDown { background-image: url(desc.png); background-repeat: no-repeat;  min-height: 2.25em; max-height: 8em;}
}