/* TimesIt! Styles */

/* Containers */
body {
	background-image: url("/imgs/bg2.png");
	background-color:#0099FF;
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:"Segoe UI", Arial, sans-serif;
	margin:5px 0px 5px 0px;
}

#content	{width:750px;}
#text		{text-align:left;}

/* My Scores */
#scoretable				{width:300px;}
#scoretable td.adjacent	{width:20%;}
#selectionpie { float:right; text-align:center; }
#selectionpie h2 { text-transform:none; }
#scoredetails {
	width:540px;
	text-align:left;
}
#profile { display:none; }
#todaypie { float:left; padding-left:20px; }
#graphs { width:670px; }
/* Home */
#login{white-space:nowrap;}

#message {
	display:none;
	background:#000;
	color:#fff;
	padding:5px;
	position:absolute;
}

#loader {
	text-align:center;
	display:none;
}

/* Text */

.small	{font-size:small;}
h1		{font-size:25px;}
h2		{font-size:18px;}
h1,h2,h3,h4,h5,h6 {
	 text-transform:capitalize;
}
/*h1 {text-shadow:#fff 0px 1px 1px;}*/

.copyr {
	font-size:.7em;
	text-align:center;
	font-style:italic;
}

#price {
	font-size:1.1em;
	background:#FFA710 url(imgs/yellow.png) repeat-x;
	line-height:2em;
}

#price span {
	font-size:1.3em;
	font-family:serif;
	text-shadow:#ff9 0px 0px 10px;
}

#price strike {
	color:#333;
	font-family:serif;
	font-size:.9em;
}

/* Links */

a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none
}
a:hover, a:active {
	color:#FFFFFF;
	text-decoration:underline
}

td div form a:hover {
	text-decoration:none !important;
}

/* Forms */

textarea, input {
	background:transparent url(/imgs/buttonbg.png) !important;
	border:1px solid #b2b2b2 !important;
	color:#000 !important;
	margin:1px !important;
	padding:3px !important;
	font-size:.8em;
}

textarea {
	background:url(/imgs/buttontilebg.png) #DFDFDF !important;
	font-size:1em;
}

.slantedmenu textarea, .slantedmenu input, .slantedmenu select {
	font-size:0.8em;
}

.submit input, .submit input:focus, input.button {
	background:url(/imgs/buttonbg.png) !important;
	border:3px double #999 !important;
	border-left-color:#ccc !important;
	border-top-color:#ccc !important;
	color:#333 !important;
	padding:4px !important;
	font-weight:bold !important;
	font-size:.9em;
}

.submit input:active, input.button:active {
	background:#f4f4f4 !important;
	border:3px double #ccc !important;
	border-left-color:#999 !important;
	border-top-color:#999 !important;
}

#form #options label {
	/*background:url(/imgs/buttonbg.png) !important;
	border:3px double #999 !important;
	border-left-color:#ccc !important;
	border-top-color:#ccc !important;*/
	color:#333 !important;
	padding:0.1em !important;
	font-weight:bold !important;
	font-size:1.5em;
	/*line-height:2.3em;*/
}

#form #n, #form #x, #form #operator, .example input, .example select {
	font-size:1.5em;
}

.example {display:none;}

#example3 {font-size:.9em;opacity:.8;filter:alpha(opacity=80);}
#example2 {font-size:.8em;opacity:.4;filter:alpha(opacity=40);}
#example1 {font-size:.7em;opacity:.2;filter:alpha(opacity=20);}

form {display:inline;}

form [disabled] {
	color:#888;
	opacity:0.9;
	filter:alpha(opacity=90);
}

#login span {
	font-size:.8em;
}

.ansr {
	background:url(/imgs/green.png) !important;
	border:1px solid #383 !important;
	color:#fff !important;
}

/* Images */

img {
	border:0;
}

.helpicon {
	text-align:right;
	width:296px;
}

/* Menu */
/*Credits:Dynamic Drive CSS Library */
/*URL:http://www.dynamicdrive.com/style/ */

#slantedmenu{
	font-weight:bold;
	font-size:90%;
	margin:0px;
	position:absolute;
	z-index:100;
	width:100%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#slantedmenu ul{
	text-indent:10px;
	padding:3px 0;
	margin:0;
	background:url(/imgs/buttonbg.png);
	border:1px solid #bebebe;
	text-align:center; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{display:inline;}

#slantedmenu ul li a{
	color:#494949;
	padding:3px 0;
	padding-right:22px;
	padding-left:3px;
	margin:0;
	text-decoration:none;
	background:transparent url(/imgs/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{color:#494949;}
#slantedmenu ul li a:hover{color:black;}

/* Tables */

table {border-collapse:collapse;}

th {
	padding:0 0.5em;
	text-align:left;
}

tr.yellow td {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background:url('/bg2.jpg') repeat-x;
}

td.tbl {
	border-bottom:1px solid #FCFCFC;
	padding:0 0.5em;
}

td.width {
	width:30%;
	padding-left:5px;
}

td.adjacent {
	border-left:1px solid #FCFCFC;
	border-bottom:1px solid #FCFCFC;
	text-align:center;
}

td.quiztbl {
	padding-left:5px;
}

.nobottomborder, .nobottomborder td {border-bottom:none !important;}

.error {
	background:#F00 url(/imgs/red.png) repeat-x;
	border:1px solid #FF6135;
	padding:5px;
}

.confirm {
	background:#F90 url(/imgs/yellow.png) repeat-x;
	border:1px solid #F90;
}

/* Bullets */
li{list-style:square;}

/* Alignment */
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.floatright{float:right;}
.floatright{float:left;}

/* Preset Widths */
.narrow{width:200px;}
.wide{width:500px;}

/* Spacing */
.inline{display:inline;}