/*
	CSS of Rapid Response Users Group (RRUG) 2009
	-----------------------------------------------
	Screen Layout
	-----------------------------------------------
	XHTML/CSS by Todor Iliev
	todoriliev.com
*/


body {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	background: url(../images/homeBg.png) #000a45 repeat-x 0 0;
	}
body.secondaryPage {
	background: url(../images/secondaryBg.png) #838383 repeat-x 0 0 !important;
	}


/* ----------- Begin IE6 Message ----------- */	
.errorMsg {
	width: 100%;
	position: absolute;
	color: #333;
	padding: 4px 0 6px 32px;
	background: url(../images/error.gif) #ffffe1 no-repeat 7px center;
	}
.errorMsg a:link, .errorMsg a:visited {
	color: #0066CC;
	text-decoration: underline;
	}
/* ----------- End IE6 Message ----------- */	


/* ----------- Begin Typography ---------- */	
h1, h2, h3 {
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}

h1 {
	color: #1e3678;
	font-size: 270%;
	margin: 10px 0 20px 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	border-bottom: 1px  dotted #1e3678;
	}
h1 span {
	color: #4071cb;
	font-size: 80%;
	}
h2 {
	color: #4071cb;
	font-size: 190%;
	margin: 30px 0 10px 0;
	text-transform: uppercase;
	}
h2 span {
	color: #4071cb;
	font-size: 80%;
	}
h3 {
	color: #152541;
	font-size: 140%;
	margin: 0 0 2px 0;
	}
	
p {
	line-height: 17px;
	margin: 0 0 15px 0;
	}
strong {
	font-weight: bold;
	}	
em {
	font-style: italic;
	}

a:link, a:visited {
	color: #1e3678;
	text-decoration: underline;
	}
a:hover	{
	color: #4e7dd4;
	text-decoration: none;
	}
a.button:link, a.button:visited {
	color: #fff;
	font-size: 120%;
	text-decoration: none;
	background: #4071cb;
	border: 1px solid #2b5ab0;
	text-align: center;
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 5px;
	}
a.button:hover {
	color: #fff;
	background: #4f7fd8;
	}
a.registerBtn:link, a.registerBtn:visited {
	display: none;
	position: relative;
	float: right;
	width: 103px;
	height: 29px;
	background: url(../images/registerBtn.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
a.registerBtn:hover {
	background: url(../images/registerBtn.gif) no-repeat 0 -31px;
	}
/* ----------- End Typography ---------- */	


#wrapper {
	width: 100%;
	min-height: 400px;
	margin: 0 auto;
	background: url(../images/homeInterface.png) no-repeat  center 0;
	}
body.secondaryPage #wrapper {
	background: url(../images/secondaryInterface.png) no-repeat center 0 !important;
	}
	
#header {
	width: 700px;
	height: 104px;
	margin: 0 auto;
	}

#logo {
	margin: 20px 0 0 12px;
	float: left;
	}

/* ----------- Begin Menu ---------- */	
#menu {
	float: left;
	margin: 48px 0 0 15px;
	}
#menu li {
	float: left;
	list-style: none;
	padding: 0 8px;
	}
#menu li a:link,
#menu li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	}
#menu li a.blankLink {
	cursor: default;
	}
#menu li a:hover {
	color: #3561af
	}
#menu li ul {
	z-index: 1000;
	position: absolute;
	visibility: hidden;
	margin: 5px 0 0 -10px;
	padding: 10px;
	background: url(../images/semiBlackBg.png) repeat-x 0 0;
	}
#menu li ul li {
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
	}
#menu li ul li a:link,
#menu li ul li a:visited {
	font-size: 90%;
	width: auto;
	margin: 5px 0;
	}
#menu li ul li a:hover {
	}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index: 10000;
	}
a.screenshot {
	font-weight: bold;
	}
/* ----------- End Menu ---------- */	


#container {
	clear: both;
	width: 700px;
	min-height:  420px;
	margin: 0 auto;
	padding: 14px 0 0 0;
	background: url(../images/homeContent.png) no-repeat center 0;
	}
body.secondaryPage #container {
	padding: 35px 0 0 0;
	background: url(../images/secondaryContent.png) no-repeat center 0 !important;
	}
	
#content {
	width: 614px;
	background: #fff;
	margin: 0 auto;
	padding: 0 35px;
	}
	
#content ul {
	margin: 0 0 0 35px;
	}
#content ul li {
	list-style: disc !important;
	line-height: 17px;
	padding: 0 0 10px 5px;
	}

img.floatLeft {
	float: left;
	border: 1px solid #333;
	padding: 2px;
	margin: 0 10px 0 0;
	}
	
span.star {
	color: #FF0000;
	font-size: 170%;
	}

/* ----------- Begin Table ---------- */	
table.tbl {
	width: 100%;
	margin: 10px 0 20px 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #f6f6f6;
	line-height: 15px;
	}
table.tbl th {
	color: #fff;
	font-weight: bold;
	background: #1b3679;
	}
table.tbl th,
table.tbl td {
	padding: 5px 7px;
	vertical-align: top;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	}
table.tbl tr.bestValue td {
	background: #FFFF66;
	}
/* ----------- End Table ---------- */	


#rotateBanners {
	width: 674px;
	height: 348px;
	margin: 0 auto;
	background: url(../images/rotate/loading.gif) no-repeat center center;
	}
#rotateBanners div {
	width: 674px;
	}
#rotateBanners img {
	}
.nav {
	font-size: 150%;
	text-align: center;
	margin: 10px 0 0 0;
	}
.nav a {
	color: #fff;
	text-decoration: none;
	}
.video {
	width: 674px;
	background: #fff;
	}
.video h2 {
	text-align: center;
	margin: 5px 0;
	padding: 0;
	font-size: 190%;
	}
.video .player {
	display: block;
	width: 475px;
	margin: 0 auto;
	}
.video .side {
	float: left;
	display: block;
	width: 155px;
	height: 248px;
	padding: 30px 15px 0 15px;
	}
.video .side p {
	font-size: 150%;
	line-height: 21px;
	}


/* ----------- Begin Footer ---------- */	
#footer {
	width: 700px;
	min-height: 80px;
	margin: 0 auto;
	}
body.secondaryPage #footer {
	background: url(../images/secondaryFooter.png) no-repeat top center !important;
	}
/* ----------- End Footer ---------- */


/* ----------- Begin Tablesorter ---------- */	
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 6px 4px;
	background-color: #FFF;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	line-height: 12px;
	}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
	}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
	}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
	}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
	}
/* ----------- End Tablesorter ---------- */