@charset   "UTF-8";

/* CSS Document */
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	color: #333333;
	padding: 0px;
	margin: 0px auto;
}

/* ----- IMAGES ----- */
img { border: 0; }

/* Firefox Outline */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.small { font-size: 11px; }

form
{
	padding: 0px;
	margin: 0px;
}

a
{
	color: #333333;
	text-decoration: underline;
	z-index: 10;
}

a:link, a:visited
{
	color: #333333;
	text-decoration: underline;
}

a:hover, a:active
{
	color: #F90;
	text-decoration: underline;
	position: relative;
	z-index: 100;
}

#page-wrap
{
	margin: 0px auto;
	background: #FFFFFF;
	min-height: 640px;
}

/* Wrapper */
#wrapper div, td
{
	font-size: 12px;
	line-height: 15px;
}

#wrapper p { margin: 10px 0; }

#wrapper
{
	width: 900px;
	text-align: left;
	margin: 0px auto;
	padding-right: 24px;
}

/* ----- HEADINGS ----- */
#wrapper h1
{
	color: #036;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	background: transparent url(/i/v2/line_dots.png) repeat-x left bottom;
	padding-bottom: 15px;
	padding-top: 5px;
	margin-top: 0px;
}

#wrapper h2
{
	padding-top: 10px;
	padding-bottom: 5px;
}

#wrapper h3
{
	padding-top: 10px;
	padding-bottom: 5px;
}

#wrapper h4
{
	padding-top: 10px;
	padding-bottom: 5px;
}

#wrapper ol
{
	padding-top: 15px;
	padding-bottom: 15px;
}

#wrapper li { margin-left: 45px; }

/* makes 3rd party calendar show on top of everything else */
div.calendar { z-index: 4; }

div.header
{
	font-size: 150%;
	font-weight: bold;
	margin: 30px 0px 5px 0px;
	padding: 0;
	color: #2A81B3;
	background: transparent;
}

div.header span { font-size: 16px; }

/*
 A SPAN TAG INSIDE AN A TAG CREATES A TOOLTIP MOUSEOVER
 Only use this for single line tooltips that are not in danger of stretching beyond the boundaries of the screen.
 You can use this method for long tooltips if you have the ability to manually add linebreaks to tooltip text.
*/

a span
{
	display: none;
	text-decoration: none;
}

a:hover span
{
	display: block;
	position: absolute;
	top: -2.2em;
	left: 100%;
	background: #fffcd1;
	border: 1px solid #444;
	color: #444;
	padding: 1px 5px;
	z-index: 10;
	text-decoration: none;
	white-space: nowrap;
}

a.noLink
{
	cursor: default;
	text-decoration: none;
}

.bigRed, A.bigRed
{
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

A.bigRed:link, A.bigRed:visited
{
	color: #FF0000;
	text-decoration: none;
}

A.bigRed:hover, A.bigRed:active
{
	color: #990000;
	text-decoration: underline;
}

.bigGreen
{
	color: #009900;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

A.bigGreen:link, A.bigGreen:visited
{
	color: #009900;
	text-decoration: underline;
}

A.bigGreen:hover, A.bigGreen:active
{
	color: #000000;
	text-decoration: underline;
}

.grayedOut, a.grayedOut { color: #999999; }

a.grayedOut:link, a.grayedOut:visited
{
	color: #999999;
	text-decoration: underline;
}

a.grayedOut:hover, a.grayedOut:active
{
	color: #990000;
	text-decoration: underline;
}

div.popUp
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

div.popUp div
{
	float: left;
	line-height: normal;
	font-weight: normal;
	font-size: 11px;
	background: #FFFFCC;
	border: 1px solid #999999;
	padding: 4px 6px 4px 6px;
	white-space: nowrap;
}

div.linkBox
{
	float: right;
	font-size: 11px;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 3px 8px;
	border-left: 6px solid #2A81B3;
	border-bottom: 1px solid #2A81B3;
	letter-spacing: 4px;
}

div.pagingBox
{
	font-size: 11px;
	padding: 10px 5px 10px 5px;
	text-align: center;
	clear: both;
}

div.conDetRightBox
{
	float: right;
	width: 270px;
	margin: 0px 0 20px 20px;
	padding: 0;
}

div.conDetRightBox div.section
{
	padding: 7px 10px;
	background: #359CD3;
	color: #ffffff;
	font-size: 125%;
	font-weight: bold;
}

div.conDetRightBox div.padder
{
	padding: 4px 10px;
	overflow: hidden;
	border-right: 1px solid #49adfb;
	border-bottom: 1px solid #49adfb;
	border-left: 1px solid #49adfb;
	background: #f6f6f6;
}

table.conDetDates
{
	/* work around to only have interior borders */
	border: 0px solid #eff8fd;
	border-collapse: collapse;
}

table.conDetDates td
{
	border-collapse: collapse;
	padding: 2px 0;
}

table.conDetDates td.field
{
	font-weight: bold;
	vertical-align: top;
	border-bottom: 0px solid #49adfb;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
	white-space: nowrap;
}

table.conDetDates td.value
{
	width: 100%;
	border-bottom: 0px solid #49adfb;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	padding-left: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.contentDetails
{
	width: 550px;
}

.subSection
{
	color: #336699;
	font-weight: bold;
}

.subSectionTitle { font-weight: bold; }

table.conDetIntro
{
	margin: 0;
	background: transparent url(/i/v2/line_dots.png) repeat-x left bottom;
}

table.conDetIntro td.field
{
	color: #cf8508;
	font-weight: bold;
	font-size: 110%;
	padding: 5px 15px 5px 0;
	vertical-align: top;
}

table.conDetIntro td.value
{
	color: #000000;
	font-weight: bold;
	font-size: 110%;
	padding: 5px 10px 5px 0;
	vertical-align: top;
}

/* --- content --- */
#content { padding-bottom: 20px; }
#content .contentTop { padding-top: 20px; }

#content .contentMiddle
{
	background: #ffffff;
	padding-bottom: 40px;
	text-align: left;
}

#content .forums
{
	width: 900px;
	padding-top: 15px;
}

#content .contentBottom { height: 21px; }

/* --- tableContent --- */
#tableContent
{
	padding-top: 0px;
	padding-bottom: 20px;
}

#tableContent .tableTop
{
	min-height: 9px;
	background: transparent url(/i/v2/bg_table_top.png) no-repeat left top;
	padding-top: 9px;
}

#tableContent .tableMiddle
{
	background: transparent url(/i/v2/bg_table_middle.png) repeat-y left top;
	padding-left: 8px;
	padding-right: 8px;
}

#tableContent .tableBottom
{
	height: 9px;
	background: transparent url(/i/v2/bg_table_bottom.png) no-repeat left bottom;
}

/* --- stat --- */
div.statHolder
{
	padding: 0 10px;
	border: 1px solid #dcdcdc;
	background: #ffffff url(/i/v2/stat_tableBG.png) left top no-repeat;
	text-align: left;
}

div.statHolder div.NE, div.statHolder div.SE { float: right; }

div.statHolder div.NW img
{
	position: relative;
	left: -11px;
	top: -1px;
}

div.statHolder div.SW img
{
	position: relative;
	left: -11px;
	bottom: -1px;
}

div.statHolder div.NE img
{
	position: relative;
	right: -11px;
	top: -1px;
}

div.statHolder div.SE img
{
	position: relative;
	right: -11px;
	bottom: -1px;
}

div.statHolder div.container
{
	position: relative;
	width: 100%;
}

select.contest-filter
{
	font-size: 11px;
	width: 110px;
	padding: 1px 1px 1px 2px;
	margin-right: 4px;
	line-height: 18px;
}

table.stat { margin: 0px; }

table.stat td
{
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}

table.stat td.title
{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
}

table.stat td.header
{
	font-weight: bold;
	text-align: left;
	background: #2788bc url(/i/v2/bg_header_middle.png) repeat-y left top;
	color: #FFF;
}

table.stat td.headerR
{
	font-weight: bold;
	text-align: right;
	background: #2788bc url(/i/v2/bg_header_middle.png) repeat-y left top;
	color: #FFF;
}

table.stat td.headerC
{
	font-weight: bold;
	text-align: center;
	background: #2788bc url(/i/v2/bg_header_middle.png) repeat-y left top;
	color: #FFF;
}

table.stat td.headerW
{
	width: 7px;
	vertical-align: top;
	padding: 0px 0px 7px 0px;
	background: transparent url(/i/v2/bg_headerSW.png) no-repeat left bottom;
	color: #FFF;
}

table.stat td.headerW div
{
	width: 7px;
	background: transparent url(/i/v2/bg_headerNW.png) no-repeat left top;
}

table.stat td.headerE
{
	width: 7px;
	vertical-align: top;
	text-align: right;
	padding: 0px 0px 7px 0px;
	background: transparent url(/i/v2/bg_headerSE.png) no-repeat right bottom;
	color: #FFF;
}

table.stat td.headerE div
{
	width: 7px;
	background: transparent url(/i/v2/bg_headerNE.png) no-repeat right top;
}

table.stat td.value { text-align: left; }
table.stat td.valueR { text-align: right; }
table.stat td.valueC { text-align: center; }

table.stat td.header a, table.stat td.headerC a, table.stat td.headerW a, table.stat td.headerR a
{
	color: #FFF;
	text-decoration: underline;
}

table.stat td.header a:hover, table.stat td.headerC a:hover, table.stat td.headerW a:hover, table.stat td.headerR a:hover { text-decoration: none; }

table.stat td.space
{
	padding: 0px;
	font-size: 8px;
}

table.stat td.btnRight
{
	text-align: right;
	padding: 10px 0px 0px 0px;
}

table.stat td.valueC div.countdown { color: #2788BC; }

table.stat td.valueC div.strongRed
{
	font-weight: normal;
	font-size: 11px;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
	white-space: nowrap;
	color: #B10000;
}

table.stat td.valueC div.softRed
{
	font-weight: normal;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
	white-space: nowrap;
	color: #E74C37;
}

table.stat tr.light td
{
	background: #EEEEEE;
	border-top: solid 1px #A1A1A1;
	border-bottom: solid 1px #A1A1A1;
}

table.stat tr.dark td
{
	background: #DDDDDD;
	border-top: solid 1px #A1A1A1;
	border-bottom: solid 1px #A1A1A1;
}

table.stat tr.light td.valueE { border-left: 1px #A1A1A1 solid; }

table.stat tr.light td.valueW
{
	border-right: 1px #A1A1A1 solid;
	text-align: center;
}

table.stat tr.dark td.valueE { border-left: 1px #A1A1A1 solid; }

table.stat tr.dark td.valueW
{
	border-right: 1px #A1A1A1 solid;
	text-align: center;
}

table.stat span.big
{
	font-size: 2em;
	font-weight: bold;
}

/* INPUT TABLE */
table.input td.field, table.input td.value
{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

table.input td.field
{
	padding: 4px;
	text-align: left;
	vertical-align: top;
	background-color: #EEEEEE;
	border-top: 1px solid #FFFFFF;
}

table.input td.field div { width: 200px; }
table.input td.value { padding: 4px 0px 4px 4px; }
form fieldset { margin: 20px 0; }
form legend { font-weight: bold; }

div.tableTabOn, div.tableTabOff
{
	float: left;
	position: relative;
	top: 0px;
	padding: 4px 10px;
	margin-right: 4px;
	background: #cccccc;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	font-weight: bold;
	font-size: 12px;
}

div.tableTabOn { background: #dcdcdc; }
div.tableTabOff { background: #eeeeee; }
div.tableTabOff a:link, div.tableTabOff a:visited { color: #999999; }
div.tableTabOff a:hover, div.tableTabOff a:active { color: #F93; }
#content .coderText { font-weight: bold; }
#content a.coderText { text-decoration: none; }
#content a.coderText:hover { text-decoration: underline; }

#content a.coderTextOrange
{
	color: #F90;
	font-weight: bold;
	text-decoration: none;
}

#content a.coderTextOrange:hover { text-decoration: underline; }

/*Contest Details*/
#conDetInstructionsBox
{
	margin: 24px 0;
	/*this width restriction keeps the div from stretching out and over the downloads section links*/
	width: 430px;
	background: transparent;
	text-align: left;
}

#conDetInstructionsBox ul
{
	display: block;
	margin: 6px 0;
	padding: 0;
}

#conDetInstructionsBox ul li
{
	position: relative;
	display: block;
	list-style-type: none;
	height: 28px;
	padding: 0 0 0 34px;
	margin: 6px 0;
	background: transparent;
}

#conDetInstructionsBox ul li div { padding-top: 4px; }

#conDetInstructionsBox ul li a.icon
{
	position: absolute;
	top: 0px;
	left: 0px;
}

img.inlineEmblem { vertical-align: middle; }
.hide { display: none; }
.showBlock { display: block; }
.showInline { display: inline; }
div.editConDoc { margin: 10px 0; }

div.editConDoc div.editConDocIndent
{
	margin: 0;
	padding-left: 60px;
}

div.editConDoc div
{
	margin: 4px 0;
	padding: 0;
}

div.contestEmblem
{
	float: left;
	padding: 0 10px 0 0;
	vertical-align: middle;
	height: 3em;
}

div.contestTitle
{
	display: inline;
	font-weight: bold;
}

div.contestLinks
{
	float: left;
	clear: both;
	padding: 8px 10px;
	white-space: nowrap;
}

/* Slideshow */
#fullSizeView
{
	margin: 20px;
	color: #ffffff;
}

#fullSizeView div.logo
{
	float: left;
	padding: 0 20px 20px 0;
}

#fullSizeView a, #fullSizeView a:link, #fullSizeView a:visited
{
	color: #ffffff;
	text-decoration: underline;
}

#fullSizeView a:hover, #fullSizeView a:active
{
	color: #F90;
	text-decoration: underline;
}

/*Contact */
#contact address
{
	font-style: normal;
	margin: 0;
	padding: 0;
}

#contact td
{
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
}

/* Input Styles for Login */
input.textfield
{
	color: #000;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	text-align: left;
	display: block;
	padding: 5px;
	background-color: #fff !important;
}

html * input.textfield:focus
{
	border: 1px #39F solid;
	color: #000 !important;
}

/* TC Login Page */
#tc-login
{
	width: 500px;
	font-size: 93%;
}

#tc-login p { padding-bottom: 10px; }

#tc-login table
{
	width: 240px;
	padding-top: 5px;
}

#tc-login td { padding: 5px; }

#tc-login span.tc-alert
{
	color: #F00;
	font-size: 14px;
}

#tc-login td.tc-login { text-align: center; }

#tc-login td.name
{
	text-align: left;
	vertical-align: middle;
}

/*-- Added in TopCoder Studio Contest Listings --*/
.typeIcon{
    background: url(/i/v2/type-icon.png) no-repeat 0 0;
    height:15px;
    width:18px;
    display:inline-block; 
}
.type16{
    background-position:0 0;   
}
.type17{
    background-position:0 -15px;
}
.type30{
    background-position:0 -30px;
}
.type20{
    background-position:0 -45px;
}
.type21{
    background-position:0 -60px;
}
.type22{
    background-position:0 -75px;
}
.type31{
    background-position:0 -90px;
}
.type18{
    background-position:0 -105px;
}
.type34{
    background-position:0 -120px;
}
.type32{
    background-position:0 -135px;
}
#content-new a.blueBtn{
    background: url( /i/v2/blue-button.png) no-repeat left top;
    display: inline-block;
    padding-left: 6px;
    text-decoration:none;
}  
#content-new a.blueBtn .buttonMask {
        background: url(/i/v2/blue-button.png) no-repeat right -88px;
        padding-right: 6px;
        display: inline-block;
        cursor: pointer;
    } 
#content-new a.blueBtn .text {
            background: url( /i/v2/blue-button.png ) repeat-x left -44px;
            display: inline-block;
            height: 22px;
            line-height: 22px;
            color: #fff;
            font-size: 12px;
            text-align: center;
            font-weight: bold;
            padding: 0 1px;
            cursor: pointer;
            white-space:nowrap;
        }
#content-new a.blueBtn:hover {
    background-position: 0 -22px;
    text-decoration:none;
}

#content-new a.blueBtn:hover .buttonMask {
        background-position: right -110px;
    }

#content-new a.blueBtn:hover .text {
            background-position: 0 -66px;
        }

#content-new a.blueBtn1{
    background: url( /i/v2/blue-button1.png) no-repeat left top;
    display: inline-block;
    padding-left: 5px;
    text-decoration:none;
}
#content-new a.blueBtn1 .buttonMask {
        background: url(/i/v2/blue-button1.png) no-repeat right -100px;
        padding-right: 5px;
        display: inline-block;
        cursor: pointer;
        height:25px;
    }
#content-new a.blueBtn1 .text {
            background: url( /i/v2/blue-button1.png ) repeat-x left -50px;
            display: inline-block;
            height: 25px;
            line-height: 25px;
            color: #fff;
            font-size: 13px;
            text-align: center;
            font-weight: bold;
            padding: 0 27px;
            cursor: pointer;
            text-shadow:0 1px 0 #005994;
        }
#content-new a.blueBtn1:hover {
    background-position: 0 -25px;
    text-decoration:none;
}

#content-new a.blueBtn1:hover .buttonMask {
        background-position: right -125px;
    }

#content-new a.blueBtn1:hover .text {
            background-position: 0 -75px;
        } 

#content-new a.grayBtn{
    background: url( /i/v2/gray-button.png) no-repeat left top;
    display: inline-block;
    padding-left: 5px;
    text-decoration:none;
}
#content-new a.grayBtn .buttonMask {
        background: url(/i/v2/gray-button.png) no-repeat right -100px;
        padding-right: 5px;
        display: inline-block;
        cursor: pointer;
        height:25px;
    }
#content-new a.grayBtn .text {
            background: url( /i/v2/gray-button.png ) repeat-x left -50px;
            display: inline-block;
            height: 25px;
            line-height: 25px;
            color: #555;
            font-size: 13px;
            text-align: center;
            font-weight: bold;
            padding: 0 25px;
            cursor: pointer;
        }
#content-new a.grayBtn:hover {
    background-position: 0 -25px;
    text-decoration:none;
}

#content-new a.grayBtn:hover .buttonMask {
        background-position: right -125px;
    }

#content-new a.grayBtn:hover .text {
            background-position: 0 -75px;
        }

#content-new{
    margin:0 auto;
    width:930px;
    padding:20px 0 82px 0;
}
#content-new .contentMask{
    width:900px;
    float:left;
}

#content-new a span{
	display: inline;
	text-decoration: none;
}

#content-new table td a span{
	display: none;
	text-decoration: none;
}

#content-new a:hover span{
	display: inline;
	position: static;
	top: auto;
	left: auto;
	background: transparent;
	border: inherit;
	color: inherit;
	padding: 0;
	z-index: auto;
	text-decoration: none;
	white-space: nowrap;
}

#content-new table td a:hover span
{
	display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    background: #fffcd1;
    border: 1px solid #444;
    color: #444;
    padding: 1px 5px;
    z-index: 10;
    text-decoration: none;
    white-space: nowrap;
}

/* .title */
#content-new .title{
    overflow:hidden;
    padding:0 0 5px;
    background:url(/i/v2/dot.gif) repeat-x 0 bottom;
}
#content-new .title h1{
    float:left;
    font-weight:bold;
    font-size:24px;
    color:#003366;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
#content-new .title p.help{
    float:right;
    font-weight:bold;
    color:#555;
    margin-top:12px;
}
#content-new .title p.help a{ 
    color:#555;
}
#content-new .title p.help a:hover{ 
    color:#ff9900;
}

/* .topLine */
#content-new .topLine{
    overflow:hidden;
    padding-top:14px;
    position:relative;
}
#content-new .topLine .tabs{
    overflow:hidden;
    float:left;
    list-style: none;
}
#content-new .topLine .tabs li{
    float:left;
    margin-right:5px;
}
#content-new .topLine .tabs a{
    background: url( /i/v2/tabs-bg.png) no-repeat left top;
    display: inline-block;
    padding-left: 8px;
    text-decoration:none;
}
#content-new .topLine .tabs a .tabMask{
    background: url(/i/v2/tabs-bg.png) no-repeat right -222px;
    padding-right: 8px;
    display: inline-block;
    cursor: pointer;
}
#content-new .topLine .tabs a .text{ 
    background: url( /i/v2/tabs-bg.png ) repeat-x left -111px;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding: 0 6px;
    min-width:90px;
    cursor: pointer;
    text-shadow:0 1px 0 #005994;
}
#content-new .topLine .tabs a:hover{
    background-position:0 -37px;
}
#content-new .topLine .tabs .active a,
#content-new .topLine .tabs .active a:hover{
    background-position:0 -74px;
}
#content-new .topLine .tabs a:hover .tabMask{
    background-position:right -259px;
}
#content-new .topLine .tabs .active a .tabMask,
#content-new .topLine .tabs .active a:hover .tabMask{
    background-position:right -296px;
}
#content-new .topLine .tabs a:hover .text{
    background-position:0 -148px;
}
#content-new .topLine .tabs .active a .text,
#content-new .topLine .tabs .active a:hover .text{
    background-position:0 -185px;
    color:#555;
    text-shadow:none;
}
#content-new .topLine .rssBtn{
    float:right;
    margin-top:8px;
    background: url(/i/v2/rss.png) no-repeat left top;
    display: inline-block;
    text-decoration:none;
    height:20px;
    width:54px;
    z-index:auto;
}
#content-new .topLine .rssBtn:hover{
    background-position: 0 -20px;
}
#content-new .topLine .pagination{
    float:right;
    margin-top:10px;
    margin-bottom:6px;
}
/* .botLine */
#content-new .botLine{
    overflow:hidden;
    padding:8px 0 0 0;
}
#content-new .botLine a.toTop{
    background:url(/i/v2/to-top.png) no-repeat left center;
    line-height:16px;
    float:left;
    padding-left:20px;
}
#content-new .botLine .pagination{
    float:right;
} 

/* .dataTable */
#content-new .dataTable{
    border:1px solid #b7b7b7;
    margin-top:-1px;
    padding:5px;
}
#content-new .dataTable table{
    width:100%;
}
#content-new .dataTable th{
    font-weight:bold;
    vertical-align:middle;
    text-align:center;
    background:url(/i/v2/table-th-bg.png) repeat-x 0 0;
    height:38px;
    border-top:1px solid #0066a1;
    border-bottom:1px solid #0066a1;
    font-size:11px;
    color:#fff;
}
#content-new .dataTable th a{
    font-weight:bold;
    vertical-align:middle;
    text-align:center;
    font-size:11px;
    background:url(/i/v2/th-border.png) no-repeat right center;
    height:38px;
    color:#fff;
    display:block;
    text-decoration:none;
}
#content-new .dataTable th a span{
    display:block;
    padding-bottom:9px;
    padding-top:7px;
}
#content-new .dataTable th.sort a span{
    background:url(/i/v2/sort-up.png) no-repeat center bottom;
}
#content-new .dataTable th.sortDown a span{
    background:url(/i/v2/sort-down.png) no-repeat center bottom;
}
#content-new .dataTable th.esTh.sort a span{
    background:url(/i/v2/sort-up.png) no-repeat 65px 12px;
    display:block; 
    padding-top:7px;
    padding-bottom:0;
}
#content-new .dataTable th.esTh.sortDown a span{
    background:url(/i/v2/sort-down.png) no-repeat 65px 12px;
    display:block; 
    padding-top:7px;
    padding-bottom:0;
}
#content-new .dataTable th.first{
    border-left:1px solid #0066a1; 
}
#content-new .dataTable th.last{

}
#content-new .dataTable th.hover{
    background-position:0 -38px; 
}
#content-new .dataTable td{
    vertical-align:middle;
    text-align:center;
    background-color:#f5f5f5;
    border-top:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    padding:6px 0;
}
#content-new .dataTable td.first{
    border-left:1px solid #d7d7d7;
}
#content-new .dataTable td.last{ 
    border-right:1px solid #d7d7d7;
}
#content-new .dataTable td.project{
    text-align:left;
    padding-left:2px;
}
#content-new .dataTable td.project span.links{
    display:inline-block;
    padding-top:4px; 
}
#content-new .dataTable td img{
    vertical-align:middle;
}
#content-new .dataTable td.timeLeft{
    color:#e74c37;
}
#content-new .dataTable td.purse{
    color:#009448;
    font-weight:bold;
}
#content-new .dataTable td.space{
    padding:0;
    border:0;
    height:5px;
    line-height:5px;
    font-size:6px;
    background-color:#fffffe;
}
#content-new .dataTable .even td{ 
    background-color:#ebebeb;
} 
#content-new .dataTable td.esTd a:hover{ 
    color:#333;   
}
#content-new .dataTable td.esTd a.gray,
#content-new .dataTable td.esTd a.gray:hover{
    color:#a1a1a1;
}
#content-new .dataTable td span.publicView{
    display:inline-block;
    background:url(/i/v2/public.png) no-repeat 0 0;
    height:11px;
    width:17px;
}
#content-new .dataTable td span.privateView{
    display:inline-block;
    background:url(/i/v2/private.png) no-repeat 0 0;
    height:14px;
    width:12px;
}
#content-new .dataTable td.winners{
    padding:10px 0;
    text-align:left;
}
#content-new .dataTable td.winners a.place01{
    background:url(/i/v2/place-01.png) no-repeat 0 0;
    display:inline-block;
    height:26px;
    width:17px;
    margin-right:8px;
}
#content-new .dataTable td.winners a.place02{
    background:url(/i/v2/place-02.png) no-repeat 0 0;
    display:inline-block;
    height:26px;
    width:17px;
    margin-right:8px;
}
#content-new .dataTable td.winners a.place03{
    background:url(/i/v2/place-03.png) no-repeat 0 0;
    display:inline-block;
    height:26px;
    width:17px; 
}
#content-new .dataTable td.winners a.more{
    background:url(/i/v2/bullet.png) no-repeat left center;
    display:inline-block;
    color:#2d99d2;
    font-size:11px;
    line-height:14px;
    text-decoration:none;
    padding-left:8px;
    margin-top:4px;
}
#content-new .dataTable td.winners a.more:hover{
    text-decoration:underline;
    color:#ff9900;
    background-image:url(/i/v2/bullet-hover.png);
} 

/* .filter */
#content-new .dataTable .filter{
    background:url(/i/v2/filter-bg.gif) #d5d5d5 repeat-x 0 0;
    border:1px solid #ccc;
    margin-bottom:5px;
    font-size:12px;
    text-align:left;
}
#content-new .dataTable .filter.expand{
    background:url(/i/v2/expand-bg.gif) repeat-x #d4d4d4 0 0;
    border:1px solid #c8c8c8;
}
#content-new .dataTable .filter ul{
	list-style:none;
}
#content-new .dataTable .filter .filterHeader{
    height:39px;
    padding:0 6px;
}
#content-new .dataTable .filter .filterHeader h5{
    float:left; 
}
#content-new .dataTable .filter .filterHeader h5 a{
    background:url(/i/v2/plus.png) no-repeat 0 center;
    line-height:39px;
    display:inline-block;
    padding-left:28px;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}
#content-new .dataTable .filter.expand .filterHeader h5 a{
    background-image:url(/i/v2/minus.png)    
}
#content-new .dataTable .filter .filterHeader h5 a:hover{
    text-decoration:underline;
    background-image:url(/i/v2/plus-hover.png)
}
#content-new .dataTable .filter.expand .filterHeader h5 a:hover{
    background-image:url(/i/v2/minus-hover.png)
}
#content-new .dataTable .filter .filterHeader .right{
    float:right; 
}
#content-new .dataTable .filter .filterHeader .right label{
    float:left;
    line-height:39px;
    font-size:11px;
    font-weight:bold;
    padding-right:9px;
}
#content-new .dataTable .filter .filterHeader .right .search{
    border:1px solid #999;
    height:25px;
    background-color:#fffffe; 
    float:left;
    padding-left:5px;
    margin-top:6px;
}
#content-new .dataTable .filter .filterHeader .right .search input{
    float:left;
    border:0;
    height:22px;
    line-height:22px;
    width:165px;
}
#content-new .dataTable .filter .filterHeader .right .search a{
    float:left;
    height:25px;
    width:25px;
    background:url(/i/v2/search-icon.png) no-repeat center 6px;
}
#content-new .dataTable .filter .filterContent{
    display:none;
    border-top:1px solid #ccc;
}
#content-new .dataTable .filter.expand .filterContent{
    display:block;
    padding:10px 0 6px;
}
#content-new .dataTable .filter .filterContent li {
    overflow:hidden;
    padding-bottom:5px;
}
#content-new .dataTable .filter .filterContent label {
    float:left;
    padding-left:5px;
    line-height:16px;
}
#content-new .dataTable .filter .filterContent .jqTransformCheckboxWrapper {
    float:left;
}
#content-new .dataTable .filter .filterContent .fields {
    float:left;
}
#content-new .dataTable .filter .filterContent .fields input{
    float:left;
}
#content-new .dataTable .filter .filterContent .fields select{
    float:left;
    margin-top:1px;
}
#content-new .dataTable .filter .filterContent .fields span{
    float:left;
    line-height:16px;
    padding-top:2px;
    padding-left:4px;
    color:#6c6c6c;
}
#content-new .dataTable .filter .filterContent .actions{
    overflow:hidden;
    padding-right:8px;
    padding-top:10px;
    clear:both;
}
#content-new .dataTable .filter .filterContent .actions a{
    float:right;
    margin-left:10px;
}
#content-new .dataTable .filter ul.left{
    float:left;
    padding-left:8px;
    width:186px;
}
#content-new .dataTable .filter ul.left li.label{
    padding-bottom:8px;
}
#content-new .dataTable .filter ul.middle{
    float:left;
    width:430px;
}
#content-new .dataTable .filter ul.middle li{
    padding-bottom:10px;
}
#content-new .dataTable .filter ul.middle li.wordInTitle{
    padding-bottom:7px;
}
#content-new .dataTable .filter ul.middle li.winnerPlacement .fields{
    padding-top:3px;
}
#content-new .dataTable .filter ul.middle label{
    font-weight:bold;
    width:102px;
    padding-left:9px;
}
#content-new .dataTable .filter ul.middle select{
    width:54px;
}
#content-new .dataTable .filter ul.middle .date input{
    width:84px;
    padding-left:3px;
    color:#6c6c6c;
    height:18px;
    border:1px solid #A8ABAD
}
#content-new .dataTable .filter ul.middle .date select{ 
    color:#6c6c6c;
    width:58px;
}
#content-new .dataTable .filter ul.middle label,
#content-new .dataTable .filter ul.middle .jqTransformCheckboxWrapper{
    margin-top:3px;
}
#content-new .dataTable .filter ul.middle .wordInTitle input.text{
    width:240px;
    padding:0 8px;
} 
#content-new .dataTable .filter ul.middle .winnerPlacement .jqTransformCheckboxWrapper{
    margin-top:7px;
}
#content-new .dataTable .filter ul.middle .winnerPlacement select{
    width:258px;
}
#content-new .dataTable .filter ul.right{
    float:left;
    width:258px;
}
#content-new .dataTable .filter ul.right li{
    padding-bottom:9px;
}
#content-new .dataTable .filter ul.right input.text{
    width:54px;
    padding:0 4px 0 8px;
}
#content-new .dataTable .filter ul.right select{
    width:52px;
}
#content-new .dataTable .filter ul.right label{
    width:162px;
    padding-left:10px;
    font-weight:bold;
}
#content-new .dataTable .filter ul.right label,
#content-new .dataTable .filter ul.right .jqTransformCheckboxWrapper{
    margin-top:3px;
}
#content-new .dataTable .filter ul.right .selectAll{
    padding:10px 0 4px;
}

/* .pagination */
.pagination{
    overflow:hidden;  
}
.pagination .show{
    float:left;
    line-height:16px;
    background:url(/i/v2/pager-line.gif) no-repeat right center;
    padding-right:8px;
    margin-right:6px;
}
.pagination .showAll{
    float:left;
    line-height:16px;
    margin-right:6px;
}
.pagination .show label{
    padding-right:2px;
    display:inline-block;
} 
.pagination .show select{
    width:48px;
}
.pagination  ul{
    float:left;
    padding-top:2px;
    color:#555;
    list-style: none;
}
.pagination li{
    float:left;
    padding:0 3px 0 2px;
}
.pagination li.last{
    padding-right:0;
}
.pagination li.label{
    padding-right:1px;
}
.pagination  li.next{
    padding-left:4px;
}
.pagination  li span{
    font-weight:bold;
}
.pagination li label{
    padding-left:1px;
}
.pagination li a{
    font-size:12px;
    font-weight:bold;
    color:#2d99d2;
    text-decoration:none;
}
.pagination li a:hover{
    text-decoration:underline;
    color:#ff9900;
}
.pagination li a.icon{
    float:left;
    background:url(/i/v2/pagination-navi.png) no-repeat 0 0;
    height:15px;
    width:15px;
}
.pagination li a.first{
    background-position:0 -135px;
}
.pagination li a.first:hover{
    background-position:0 -150px;
}
.pagination li a.firstDisable{
    background-position:0 -165px;
    cursor:default;
}
.pagination li a.prev{
    background-position:0 -45px;
}
.pagination li a.prev:hover{
    background-position:0 -60px;
}
.pagination li a.prevDisable{
    background-position:0 -75px;
    cursor:default;
}
.pagination li a.next{
    background-position:0 0;
}
.pagination li a.next:hover{
    background-position:0 -15px;
}
.pagination li a.nextDisable{
    background-position:0 -30px;
    cursor:default;
}
.pagination li a.last{
    background-position:0 -90px;
}
.pagination li a.last:hover{
    background-position:0 -105px;
}
.pagination li a.lastDisable{
    background-position:0 -120px;
    cursor:default;
}

/* .tooltips */
.tooltip,.tooltip1{
    cursor:pointer;    
}
#content-new .tooltip span, #content-new .tooltip1 span{
    display:none;
}
#content-new .tooltip:hover span, #content-new .tooltip1:hover span{
    display:none;
}

.tooltipsBox{
    width:160px; 
    z-index: 999;
    display: none;
    background-color: transparent;
    text-align:left;
}
.tooltipsBox .tooltipsH{
    background:url(/i/v2/tooltip-header-bg.png) no-repeat 0 0;
    height:36px; 
    color:#fff; 
}
.tooltipsBox .tooltipsH h6{
    font-size:12px;
    font-weight:bold;
    color:#fff;
    padding:15px 0 0 18px;
}
.tooltipsBox .tooltipsC{
    background:url(/i/v2/tooltip-body-bg.png) repeat-y 0 0;
    padding:6px 18px 4px 18px;
    font-size:11px;
}
.tooltipsBox .tooltipsF{
    background:url(/i/v2/tooltip-footer-bg.png) no-repeat 0 0;
    height:19px;
    overflow:hidden;
}
.tooltipsBox2 .tooltipsC{
    text-align:center;
    padding:8px 18px 8px 18px;
}
.tooltipsBox2 .tooltipsF{
    background:url(/i/v2/tooltip-footer-gray-bg.png) no-repeat 0 0;
    height:37px;
    line-height:22px;
    overflow:hidden;
    padding-left:16px;
}
.tooltipsBox2 .tooltipsF a{
    background:url(/i/v2/bullet.png) no-repeat left center;
    display:inline-block;
    color:#2d99d2;
    font-size:11px;
    line-height:14px;
    text-decoration:none;
    padding-left:8px;
    margin-top:3px;
} 
.tooltipsBox2 .tooltipsF a:hover{
    text-decoration:underline;
    color:#ff9900;
    background-image:url(/i/v2/bullet-hover.png);
}

/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;
	float:left; 
}
a.jqTransformCheckbox {
	background: transparent url(/i/v2/checkbox.png) no-repeat center top;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	display:block;
}
.jqTransformHidden {display: none;}
a.jqTransformChecked { background-position: center bottom;}

/* -------------
 * Datepicker
 * ------------- */

table.jCalendar {
	border: 1px solid #e4e3e1; 
    border-collapse:collapse;
    width:100%;
}
table.jCalendar th {
	background: #195d84;
	border: 1px solid #306785;
	color: #FFF;
	font-weight: normal;
	padding: 6px 5px;
    font-size:11px;
    border-bottom:0;
}

table.jCalendar td {
	color: #7a6c69;
	border: 1px solid #e4e3e1; 
	padding:6px 5px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: none !important;
	color: #aaa;
    cursor:default;
}
table.jCalendar td.today,
table.jCalendar td.dp-hover{
	background: url(/i/v2/calendar-today.png) no-repeat center center;
	color: #fff;
}
table.jCalendar td.selected,
table.jCalendar td.selected.dp-hover{
	background: url(/i/v2/calendar-active.png)  no-repeat center center;
	color: #fff;
}
table.jCalendar td.disabled.dp-hover{
    background:none;
    color:#7A6C69;
}
table.jCalendar td.other-month.dp-hover{
    background:none;
}

.dp-choose-date{
    background:url(/i/v2/date-icon.png) no-repeat 0 0;
    height:19px;
    width:21px;
    display:inline-block;
    float:left;
    text-indent:-1000px;
    margin:1px 10px 0 6px;
}
/* For the popup */

div.dp-popup {
	position: relative;
	font-size: 10px;
	font-family: arial, sans-serif;
	line-height: 1.2em;
    background:url(/i/v2/calendar-bg.png) no-repeat center center;
    padding:8px 14px;
    height:207px;
    width:183px;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 13px;
	text-align: center;
	margin: 2px 0;
	padding: 7px 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 14px;
	left: 14px;
    width:40px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
    background:url(/i/v2/calendar-navi.png) no-repeat 0 0;
    text-indent:-1000px;
    height:17px;
    width:17px;
    padding:0;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 14px;
	right: 14px;
    width:40px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
    background:url(/i/v2/calendar-navi.png) no-repeat 0 0;
    text-indent:-1000px;
    height:17px;
    width:17px;
    padding:0;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
    color:#ccc;
}
div.dp-popup div.dp-nav-prev a.dp-nav-prev-year{
    background-position:0 -102px;
    margin-right:1px;
}
div.dp-popup div.dp-nav-prev a.dp-nav-prev-year:hover{
    background-position:0 -119px;
}
div.dp-popup div.dp-nav-prev a.dp-nav-prev-month{
    background-position:0 -68px;
}
div.dp-popup div.dp-nav-prev a.dp-nav-prev-month:hover{
    background-position:0 -85px;
}
div.dp-popup div.dp-nav-next a.dp-nav-next-year{
    background-position:0 -34px;
    margin-left:1px;
}
div.dp-popup div.dp-nav-next a.dp-nav-next-year:hover{
    background-position:0 -51px;
}
div.dp-popup div.dp-nav-next a.dp-nav-next-month{
    background-position:0 -0px;
}
div.dp-popup div.dp-nav-next a.dp-nav-next-month:hover{
    background-position:0 -17px;
}
