/* Start of CMSMS style sheet 'riley_css' */
/*****************************************************
RESET
******************************************************/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,font,
img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote,q {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content:'';
	content:none;
	}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{
	border-collapse:collapse;
	border-spacing:0;
	}
/*************************************************************
TEXT
**************************************************************/
body {
	font:13px/1.4 arial,helvetica,clean,sans-serif;
}
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
ol{list-style: decimal;}
ul{list-style: disc;}
li{margin-left: 30px;}
blockquote {margin-left: 1.4em}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {padding:.5em;}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom: 5px;
	text-align: left;
	font-weight:bold;
}
p,fieldset,table {margin-bottom:1em;}
div {font-size: 1em;}
img {border: 0;}
/**************************************************************************
GRID SYSTEM
**************************************************************************/
/* =Containers ----------------------------*/

.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* =Grid >> Global -------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.container_12 .grid_3,
.container_16 .grid_4{width: 220px;}
.container_12 .grid_6,
.container_16 .grid_8{width: 460px;}
.container_12 .grid_9,
.container_16 .grid_12{width: 700px;}
.container_12 .grid_12,
.container_16 .grid_16{width: 940px;}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last) ---------------*/
.alpha{margin-left: 0;}
.omega{margin-right: 0;}
/* =Grid >> 12 Columns -----------------------------------------*/
.container_12 .grid_1{width: 60px;}
.container_12 .grid_2{width: 140px;}
.container_12 .grid_4{width: 300px;}
.container_12 .grid_5{width: 380px;}
.container_12 .grid_7{width: 540px;}
.container_12 .grid_8{width: 620px;}
.container_12 .grid_10{width: 780px;}
.container_12 .grid_11{width: 860px;}
/* =Grid >> 16 Columns -------------------------------------------------*/
.container_16 .grid_1{width: 40px;}
.container_16 .grid_2{width: 100px;}
.container_16 .grid_3{width: 160px;}
.container_16 .grid_5{width: 280px;}
.container_16 .grid_6{width: 340px;}
.container_16 .grid_7{width: 400px;}
.container_16 .grid_9{width: 520px;}
.container_16 .grid_10{width: 580px;}
.container_16 .grid_11{width: 640px;}
.container_16 .grid_13{width: 760px;}
.container_16 .grid_14{width: 820px;}
.container_16 .grid_15{width: 880px;}

/* =Prefix Extra Space >> Global ------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 720px;
}

/* =Prefix Extra Space >> 12 Columns ---------------------------------------*/

.container_12 .prefix_1{padding-left: 80px;}
.container_12 .prefix_2{padding-left: 160px;}
.container_12 .prefix_4{padding-left: 320px;}
.container_12 .prefix_5{padding-left: 400px;}
.container_12 .prefix_7{padding-left: 560px;}
.container_12 .prefix_8{padding-left: 640px;}
.container_12 .prefix_10{padding-left: 800px;}
.container_12 .prefix_11{padding-left: 880px;}

/* =Prefix Extra Space >> 16 Columns ---------------------------------------------------*/

.container_16 .prefix_1{padding-left: 60px;}
.container_16 .prefix_2{padding-left: 120px;}
.container_16 .prefix_3{padding-left: 180px;}
.container_16 .prefix_5{padding-left: 300px;}
.container_16 .prefix_6{padding-left: 360px;}
.container_16 .prefix_7{padding-left: 420px;}
.container_16 .prefix_9{padding-left: 540px;}
.container_16 .prefix_10{padding-left: 600px;}
.container_16 .prefix_11{padding-left: 660px;}
.container_16 .prefix_13{padding-left: 780px;}
.container_16 .prefix_14{padding-left: 840px;}
.container_16 .prefix_15{padding-left: 900px;}

/* =Suffix Extra Space >> Global -----------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{padding-right: 240px;}

.container_12 .suffix_6,
.container_16 .suffix_8
{padding-right: 480px;}

.container_12 .suffix_9,
.container_16 .suffix_12
{padding-right: 720px;}

/* =Suffix Extra Space >> 12 Columns -------------------------------------------*/

.container_12 .suffix_1{padding-right: 80px;}
.container_12 .suffix_2{padding-right: 160px;}
.container_12 .suffix_4{padding-right: 320px;}
.container_12 .suffix_5{padding-right: 400px;}
.container_12 .suffix_7{padding-right: 560px;}
.container_12 .suffix_8{padding-right: 640px;}
.container_12 .suffix_10{padding-right: 800px;}
.container_12 .suffix_11{padding-right: 880px;}

/* =Suffix Extra Space >> 16 Columns ---------------------------------*/

.container_16 .suffix_1{padding-right: 60px;}
.container_16 .suffix_2{padding-right: 120px;}
.container_16 .suffix_3{padding-right: 180px;}
.container_16 .suffix_5{padding-right: 300px;}
.container_16 .suffix_6{padding-right: 360px;}
.container_16 .suffix_7{padding-right: 420px;}
.container_16 .suffix_9{padding-right: 540px;}
.container_16 .suffix_10{padding-right: 600px;}
.container_16 .suffix_11{padding-right: 660px;}
.container_16 .suffix_13{padding-right: 780px;}
.container_16 .suffix_14{padding-right: 840px;}
.container_16 .suffix_15{padding-right: 900px;}

/* =Clear Floated Elements -------------------------------------------*/


html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
.small {
	font-size: 72%;
}

/**************************************************************************
BASIC LAYOUT
************************************************************************/

body {
   background: #2581C7 url(/images/bg_body.jpg) repeat-x fixed 0px bottom;
   color: #333;
   margin:1em;
   text-align: left;
}
/* anchors ----------------------------------- */
a {
	color: #005480;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
}
/* paragraphs, quotes and lists ------------------ */
p {
	margin-bottom:1em;
}
.content blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 93%;
	padding-left:1em;
	border-left:4px solid #ccc;
}
.content blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}
/*************************************
BASIC LAYOUT : BOX
**************************************/
.main .box {
	background: #ddd;
	padding: 10px 10px 1px;
	margin-bottom: 18px;
}
.main .rightColumn .box {
	height: 250px;
	overflow: hidden;
	padding: 10px 5px;
}
.sociallinks {
	height: 85px !important;
}
a.facebooklink, a.twitterlink {
	display: block;
	height: 20px;
	line-height: 20px;
	width: 100%;
	text-indent: 20px;
	background: transparent url(/images/facebook.gif) no-repeat scroll 0 2px;
	font-size: 92%;
	font-family: Arial, Helvetica, sans-serif;
}
a.twitterlink  {
	background: transparent url(/images/twitter.png) no-repeat scroll 0 2px;
}
.main .box h2 {
	background: #003d72 none repeat scroll 0 0;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	margin:-10px -10px 0;
	padding: 6px 12px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.main .box h2 a,
.main .box h2 a.visible {
	color:#fff;
	background:#003d72 url("images/plugins/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
	text-align: left;
}

.main .box h2 a {
	color: #ffffff;
}
.main .grid_4 .box h2 a {
	background-position: 97% 50%;
}
.main .grid_5 .box h2 a {
	background-position: 98% 50%;
}
.main .grid_12 .box h2 a {
	background-position: 99% 50%;
}


.main .box h2 a.hidden,
.main .box h2 a.hidden:hover {
	background-image: url("images/plugins/switch_plus.gif");
}
.main .box h2 a:hover {
	background-color:#111;
}
.main .block {
	padding-top:10px;
}
.main .rightColumn .box2 {
    height: 350px;
}
/*****************************************************
LAYOUT - SITE SPECIFIC BLOCKS
******************************************************/
.pageWrapper {
	background: transparent url(/images/bg_pageWrapper.gif) repeat-y scroll 0px 0px;
	border: 2px solid #ffffff;
}

.topNavWrapper{ 
	background:#fff url(/images/bg_topNavWrapper.gif) repeat-x scroll 0 top;
	height: 23px;
	margin: 0;
	width: 960px;
	clear: both;
}
/* ------------[ Banner ]------------ */
.header {
	width: 960px;
	height: 316px;
	border-top: 6px solid #005480;
	border-bottom: 6px solid #005480;
	background: #000000;
	position: relative;
	z-index: 100;
	overflow: hidden;
}
.header ul.slideshow {
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}
.header ul.slideshow li {
	position: absolute;
	top: 0;
	right: 0;
	width: 797px;
	height: 316px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-position: 0 0;
}
.header ul.slideshow li a {
	position: relative;
	display: block;
	width: 130px;
	height: 33px;
	text-indent: -9999em;
}
.header ul.slideshow li a.newyear {
	top: 232px;
	left: 216px;
}
.header ul.slideshow li a.trial{
	top: 236px;
	left: 253px;
}
.header ul.slideshow li a.training {
	top: 248px;
	left: 216px;
}
.header ul.slideshow li a.strength{
	top: 242px;
	left: 225px;
}
.header ul.slideshow li a.baseball{
	top: 228px;
	left: 536px;
}
.header ul.slideshow li.slide1{
	background: transparent url(/images/banner/slides/banner_01.jpg) no-repeat scroll -0 0;
}
.header ul.slideshow li.slide2{
	background: transparent url(/images/banner/slides/banner_02.jpg) no-repeat scroll 0 0;
}
.header ul.slideshow li.slide3{
	background: transparent url(/images/banner/slides/banner_03.jpg) no-repeat scroll 0 0;
}
.header ul.slideshow li.slide4{
	background: transparent url(/images/banner/slides/banner_04.jpg) no-repeat scroll 0 0;
}
.header ul.slideshow li.slide5{
	background: transparent url(/images/banner/slides/banner_05.jpg) no-repeat scroll 0 0;
}
.header img {
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 0px;
	border-style: none;
	
}

.header h1 {
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 200;
	display: block;
	width: 257px;
	height: 316px;
	text-indent: -9999em;
	background: transparent url(/images/bg_header_h1.gif) no-repeat scroll 0 0;
}
.header h1 a {
	display: block;
	position: relative;
	top: 55px;
	left: 55px;
	width:131px;
	height: 206px;
	text-indent: -9999em;
	background: transparent url(/images/bg_h1_a_logo.gif) no-repeat scroll 0px 0px;
}


.mainNavWrapper {
	width: 960px;
	height: 25px;
	background: transparent url(/images/bg_mainNavWrapper.gif) repeat-x scroll 0px 0px;
	border-bottom: 6px solid #005480;
}
.main {
	background: transparent url(/images/bg_main.gif) no-repeat scroll 666px top;
}
.grid_9 h2 {
	color: #005480;
	font-size: 135%;
	margin-bottom: 5px;
}
.breadcrumbs {
	font-size: 87%;
	width: 90%;
	margin-top: 20px;
	color: #aaa;
	text-align: right;
}
.breadcrumbs a {
	color: #2581c7;
	text-decoration: underline;
	font-weight: normal;
}

.leftColumn {
	margin-top: 40px;
	border-top: 10px solid #003D72;
	min-height: 300px;
	background: transparent url(/images/bg_leftColumn.jpg) no-repeat scroll 0 0;
}
.bcwaplink {
	display: block;
	width: 150px;
	height: 139px;
	margin: 310px 5px 10px 5px;
	background: transparent url(/images/bg_bcwap.jpg) no-repeat scroll 0 0;
	text-indent: -99999em;
}
.riley_logo {
	background: transparent url(/images/bg_rightColumn.jpg) no-repeat scroll right center;
}
.rightColumn {
	margin-top: 50px;
}
/* TESTIMONIALS
--------------------------------------------------------------------------------
*/
#testimonials {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	position: relative;
	height: 250px;
	overflow: hidden;
}
#testimonials li {
	margin: 0;
	padding: 0;
	height: 250px;
	overflow: hidden;
}
#testimonials blockquote {
	margin: 0;
	padding: 0;
}
#testimonials p {
	margin-top: 10px;
}
/* UPCOMING EVENTS
--------------------------------------------------------------------------------
*/
#upcomingEvents {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}
#upcomingEvents li {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 210px;
    height: 300px;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #DDDDDD;
}
#upcomingEvents li div.NewsSummaryLink {
    color: #003D72;
    size: 13px;
    font-weight: bold;
}
#upcomingEvents li div.NewsSummaryPostdate {
    font-size: 10px;
    margin-bottom: 10px;
}
.footer {
	width: 960px;
	height: 2.5em;
	line-height: 2.2em;
	text-align: center;
	color: #ffffff;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: 0.5em;
	font-weight: bold;
	background: #000000;
	margin-top: 20px;
}
.footer a {
	color: #ffffff;
}
.footer a:hover {
	color: #ddd;
}
.footerblock {
	width: 22.5%;
	float: left;
	margin-left: 5px;
}
.footerblock h3 {
	margin-bottom: 5px;
	padding-bottom: 2px;
	width: 90%;
	border-bottom: 1px solid #2581c7;
}
.footerblock ul  {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footerblock ul li {
	margin: 0;
	padding: 0;
}
.footerblock ul a {
	font-family: Arial, Helvetica, sans-serif;
	color: #1d325d;
}
.footerblock ul a:hover {
	color:#469b9e;
}
.signature {
	width: 960px;
	font-size: 74%;
	color: #ffffff;
	margin: 10px auto;
	text-align: right;
}
.signature a {
	text-decoration: underline;
	color: #ffffff !important;
}
/***** -------------- Left Column Lower icons */
.icons {
	height: 150px;
	background: transparent url(/images/bg_lftIcon_default.gif) no-repeat scroll center bottom;
}
.lftIcon_home{background: transparent url(/images/bg_lftIcon_home.gif) no-repeat scroll center bottom;}
.lftIcon_strength{background: transparent url(/images/bg_lftIcon_strength.gif) no-repeat scroll center center;}
.lftIcon_fitness {background: transparent url(/images/bg_lftIcon_fitness.gif) no-repeat scroll center center;}
.lftIcon_speed{background: transparent url(/images/bg_lftIcon_speed.gif) no-repeat scroll center center;}
.lftIcon_baseball-camps{background: transparent url(/images/bg_lftIcon_baseball-camps.gif) no-repeat scroll center center;}
.lftIcon_fitness-video-training {background: transparent url(/images/bg_lftIcon_fitness-video-training.gif) no-repeat scroll center center;}
.lftIcon_testimonials-and-alumni {background: transparent url(/images/bg_lftIcon_testimonials-and-alumni.gif) no-repeat scroll center center;}
.lftIcon_nutrition {background: transparent url(/images/bg_lftIcon_nutrition.gif) no-repeat scroll center center;}
.lftIcon_boot-camp {background: transparent url(/images/bg_lftIcon_boot-camp.gif) no-repeat scroll center center;}
.block {padding-bottom:1px;}
/* ************************************************************
BASIC LAYOUT : TOP NAVIGATION - CUSTOM
**************************************************************/
ul.topNav,
ul.topNav * { margin:0;padding:0;}
ul.topNav{
  position:relative;
  max-width:100%;
  float: right;
  margin-right: 10px;
  height:23px;
  font-size: 11px;
  }
ul.topNav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}


ul.topNav li a {
	color:#003B3F;
	background:transparent;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:23px;
	line-height:23px;
}

ul.topNav li:hover a,
ul.topNav li a:hover,
ul.topNav li a:focus {color:#2581C7;}
/* ************************************************************
BASIC LAYOUT : SUB NAVIGATION - CUSTOM
**************************************************************/
ul.subNav {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.subNav li {
	margin: 0;
	padding: 0;
}
ul.subNav li a {
	display:block;
	padding:4px 10px;
	text-align: right;
	border-bottom:1px solid #ccc;
	font-size: 11px;
	background: #459B9D url(images/bg_subNav_a.gif) repeat-y scroll right top;
	color: #ffffff;
}
ul.subNav li a:hover,
ul.subNav li.active a {
	background-color: #003D72;
	background-image: none;
}

/*************************************************************
BASIC LAYOUT : MENU - WIREFRAME
**************************************************************/

ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  background: none;
  max-width:97%;
  height:25px;
  font-size: 11px;
  padding-left: 12px;
  }
ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:25px;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 8px;
	height:22px;
	line-height:25px;
}
ul.nav li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {
	color:#ffffff; 
	background:transparent url(images/bg_mainNavWrapper.gif) repeat-x 0 0;
}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {background:transparent !important}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  background:transparent url(images/bg_mainNavWrapper.gif) repeat-x 0 0;
}
ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li.last {
	background: transparent url(images/bg_main_li_a.gif) no-repeat scroll right 0px;
	border-right: 1px solid #fff;
	height: 25px;
}
ul.main li.last a {
	border-right: 1px solid #B2CCD9;
	height: 25px;
}
ul.main li.last  ul li,
ul.main li.last  ul li a{
	border-right-style: none;
	}
ul.main li ul {
  border-top:0;
}
ul.main li ul li {
  float:left;
}
ul.main li a {
	height: 25px;
	line-height:25px;
	border:0;
	color:#000000;
	text-transform: uppercase;
	background: transparent url(images/bg_main_li_a.gif) no-repeat scroll left 0px;
}
ul.main li ul li a {
  width:13em;
  line-height:2em;
  height:2em;
  text-align:left;
  color:#fff;
  border-top:1px solid #005480;
  background:#444;
  text-transform: none;
}
ul.main li a:focus {
	color:#fff; 
	background: transparent url(images/bg_mainNavWrapper.gif) repeat-x 0 -25px;
	}
ul.main li ul li a:hover {
  color:#fff;
  background:#005480;
}
ul.main li:hover a,
ul.main li a.currentpage,
ul.main li.activeparent a {
  color:#fff;
  background: transparent url(images/bg_mainNavWrapper.gif) repeat-x 0 -25px;
}
ul.main li:hover  ul li a {
	background: #459B9D none no-repeat scroll 0 0;
}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover ,
ul.main li ul li a.currentpage{
	color:#fff; 
	background:#005480;
}
ul.main li:hover a:active {background:#444;}
ul.main li:hover ul li a:active {color:#fff; background:#005480;}


/***********************************************************
BASIC LAYOUT : JQUERY PLUGIN
************************************************************/

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(images/plugins/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/plugins/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(images/plugins/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(images/plugins/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}


/*************************************************************
BASIC LAYOUT : FORMS
**************************************************************/
/* Fieldsets,legend,label */
fieldset { 
	clear:both;
	padding: 10px;
	margin:0 0 30px 10px;
	border:1px solid #ccc;
	width: 92%;
	}
fieldset div {
	width: 100%;
	margin-bottom: 8px;
}
legend { 
	padding: 0;
	margin: 0;
	font-weight:bold;
	background-color: transparent;
	}
label { 
	float:left;
	width:28%;
	margin-top:6px;
	text-align:right;
	font-size:12px;
	font-weight:bold;

	}
input,
textarea,
select { 
	width:60%;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	font-size:1.1em;
	color:#666;
	margin-left:20px;
	padding:5px;
	font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	z-index:100 !important;
	position:relative;
	border-collapse:collapse;
	}
input { 
	border:2px solid #ccc;
	background-color:#fff; 
	}
input:focus,
textarea:focus { 
	border:2px solid #666;
	background:#fff; 
	}
input[type="radio"],
input[type="checkbox"],
.ie6_checkbox { 
	background:transparent !important;
	border:0 !important;
	width:16px !important; 
	}
input[type="radio"] { 
	width:13px !important; 
	}
button { outline:none; }

/* Textareas */
textarea { 
	height:150px;
	padding:5px;
	border:2px solid #ccc;
	font-size:1.1em;
	color:#666;
	background-color:#fff; 
	}

/* Select fields */
select { 
	border:2px solid #ccc;
	background:#fff;
	width:63%;
	padding:2px; 
	}
select:focus { 
	border:1px solid #999;
	background:#fff; 
	}

/* required elements */
.indicates-required { 
	margin:0 6% 10px 0;
	text-align:right;
	font-size:90%;
	font-style:italic;
	color:#c60; 
	}
span.required,
label sup { 
	color:#c60;
	font-weight:bold;
	font-size:115%; 
	}

/* general form utility */
/* Check Box in Fieldset utitlity */
.checkboxradio {
	margin-left: 28%;
}
.checkboxradio label {
	width: auto !important;
	float: none;
	margin-bottom: 8px;
}
div.fbsubmit,div.submit {
	margin: 10px 0px;
	width: 100%;
}
.btn,
div.fbsubmit input,
input[type="submit"] { 
	display:block;
	width:auto !important;
	min-width:120px;
	margin:0;
	background:#eee;
	border:3px solid #666;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px; 
	}
.btn:hover,
div.fbsubmit input:hover,
input[type="submit"]:hover { 
	background:#666;
	border:3px solid #333;
	color:#fff; 
	}
input[type="submit"].cancel { 
	margin-left:15px;
	background:#ccc;
	color:#666 !important;
	border:3px solid #ccc; 
	}
input[type="submit"].cancel:hover { 
	color:#333 !important; 
	}
.field-help { 
	float:right;
	min-width:120px;
	margin:-10px 5.5% 4px 34%;
	padding:12px 5px 4px;
	background:#ccc;
	color:#666;
	font-style:italic;
	font-size:85%;
	text-align:center;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	position:absolute;
	right:10px;
	top:30px; 
	}


/* Success,error & notice boxes for messages and errors. */
.error,
.warning,
.success { 
	padding:10px 4px 10px 60px;
	margin-bottom:1em;
	border:1px solid #ddd;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px; 
	}
.error_message {
	background:#FFF6BF;
	color:#D12F19;
	border: 1px solid #FBC2C4;
	padding: 15px 15px 15px 20px;
	margin: 0px 0px 15px 0px;
	width: 90%;
}
.error{
	background:#FFF6BF url(images/cms/icons/flag_24.png) no-repeat 14px 50%;
	color:#D12F19;
	border-color:#FBC2C4; 
	}

/*Fix to work w/ jquery validation class*/
input.error,
textarea.error,
select.error { 
	background-color:#fff;
	background-image:none;
	padding:5px;
	border:2px solid #CCCCCC;
	color:#666666; 
	}
input.error:focus { 
	border:2px solid #a2bede;
	background:#def3f7; 
	}
label.error { 
	display:block;
	margin: 1.1em 0 0 33%;
	padding: 15px 10px 15px 50px;
	text-align:left;
	position:relative;
	top:-15px;
	background-position: 12px 50% !important;
	color:#D12F19;
	width: 48%;
	z-index:50;
	line-height: 1.5;
	}
div.fb_invalid {
	margin: 0;
}
div.date select {
	width: auto;
	margin-left: 5px;
}
/*********************************************************
BASIC LAYOUT : SEARCH
*********************************************************/
.search{}
.box .search input {
	border-style: 1px solid #ddd;
	height: auto;
	width: 73%;
	margin: 5px 0px;
	display:inline;
}
.search input[type="submit"],
.search input[type="submit"].searchSubmit,
.search input.searchSubmit{
	width: 28px !important;
	min-width: 28px;
	height: 28px;
	border-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	background: transparent url(images/icons/24x24/glass.png) no-repeat scroll 2px 2px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px; 
}
.search input[type="submit"]:hover,
.search input[type="submit"].searchSubmit:hover,
.search input.searchSubmit:hover{
	cursor: pointer;
	background-color: #ccc;
	border: 1px solid #eee;
	background-position: 1px 1px;
}
/***********************************
BASIC LAYOUT : LOGIN / SIGNUP FORM
************************************/
.login {
	margin: 10px 0;
}
.login a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
.login fieldset {
	width: 95%;
	padding: .3em;
	margin: 0px 0px 10px 0px;
	
}
.login label{
	display: block;
	float: none;
	width: 95%;
	text-align: left;
}
.login input {
	width: 90%;
	margin: auto 5px;
	z-index: 1;
	position: relative;
}
.login_error {
	background:#FFF6BF;
	color:#D12F19;
	border: 1px solid #FBC2C4;
	width: 95%;
	padding: 15px 5px;
	margin: 10px 0px;
	font-weight: normal;
}
/*********************************************************
BASIC LAYOUT : TABLES
*********************************************************/
table {
	width:95%;
	border:1px solid #bbb;
	margin-bottom: 1.4em;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	clear: both;
}
caption{
	text-transform:uppercase;
	text-align: left;
	font-size: 115%;
	font-weight: bold;
	padding: 10px 6px;
}
col.colC {
	width:8em;
}
th, td {
	padding:10px 6px;
	text-align:left;
	font-size: 85%;
}
th {
	border-bottom:2px solid #888;
	background-color: #bbbbbb;
	font-weight:bold;
	font-size: 90%;
	color: #ffffff;
}

td {
	border-top:1px solid #bbb;
	border-bottom:2px solid #bbb;
	background:#eee;
	font-size: 80%;
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tbody tr.tr-over td {
	background-color: #999;
	color: #fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}
/************************************************
BASIC LAYOUT : NEWS
*************************************************/
.articles {
	padding:0;
}
.articles h2 {
	margin:0;
}
#articles {
	padding-top:0;
}
.main .article {
	border-top: none;
	padding: 10px;
}
.article {
	border-top:1px solid #666;
	padding-top:.5em;
}
.articleItem {
	border-top: none;
	padding: 10px;
	margin-top: 0px;
}
.box .article {
	border-top:3px solid #ffffff;
	padding:13px 10px 0 10px;
	margin: 0px -10px 10px -10px;
}
.article h2 {
	font-size: 2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:.2em;
	font-size:1.2em;
}
.box .first {
	border-top:none;
}
.article h4 {
	font-size:0.85em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.article a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #666;
}
.article a.image img {
	float:left; 
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
	font-size: 0.8em;
}

.article .printLink {
	text-align: right;
	font-size: 85%;
	width: 95%;
}
.article .printLink a,
.article .printLink a:link {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999em;
	font-size: 1%;
	float: right;
	margin-top: -50px;
	background: transparent url(modules/Printing/printbutton.gif) no-repeat scroll 0px 0px;
}

/* End of 'riley_css' */