@charset "utf-8";

/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvv BEGIN MAIN STYLES vvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/* uncommenting below will cause css to not validate, but does allow you
   to render a style for the scrollbar on browsers that support it */

/* presentation width and height. define as necessary for custom skins */
.presoWidth {width:997px;}
.presoHeight {height:624px;}
.presoClip {clip:rect(0px,997px,624px,0px);}
   
/*html {
	scrollbar-arrow-color:#999999; 
	scrollbar-track-color:#ffffff; 
	scrollbar-face-color:#d7d7d7; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-3dlight-color:#aaaaaa; 
	scrollbar-darkshadow-color:#aaaaaa; 
	scrollbar-shadow-color:#ffffff; 
}*/

/* main body styles. background color of the skin. bg image overrides color. */
body {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:.8em;color:#000000;background-color:#000000;}

h1,h2,h3 {display:inline;}
h1 {margin:0px;padding:0px;font-size:1.2em;}
h2 {margin:0px;padding:0px;font-size:1.1em;}
h3 {margin:0px;padding:0px;font-size:1.0em;}

/* global link styles */
a:link, a:visited {color:#ffffff;text-decoration:none;}
a:hover, a:active {color:#ffcc00;text-decoration:underline;}

hr {height:1px;display:block;border:0px;margin:2px;color:#999999;background-color:#999999;}

.coord { position:relative; }
.hid   { display:none; }
.sho   { display:block; }

.clearBoth {clear:both;}

/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ END MAIN STYLES ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/


/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/**vvvvvvvvvvvvvvvvvvvv BEGIN TEMPLATE ELEMENT LAYOUT STYLES vvvvvvvvvvvvvvvvvv**/
/* interface background elements */
/* use pageOuter/pageInner to absolutely position containing element to middle. */
#pageOuter{height:100%;width:100%;display:table;vertical-align:middle;}
/* define height of containing element to acheive vertical align. */
#pageInner {position:relative;vertical-align:middle;display:table-cell;}
/* bgOuter is background element of the skin that gets absolutely positioned to center of page. */
#bgOuter {position:relative;background:#ffffff url(bg_main.jpg);
	margin-left:auto;margin-right:auto;}
/* apply a blue border for fullscreen mode */
.bgOuter_fs {border:1px solid #384d57;}
/* bgInner is the containing element for the video, slide and region2. */
#bgInner {position:absolute;top:61px;margin:0px auto;/*min-width:320px;*/}

/* styles for the black container around modules */
#bgInner .topSlice .corner,
#bgInner .footSlice .corner {height:18px;} /* height of header and footer slice */
/* for the next group of styles, uncomment the underscore hack and change
   the reference in the background property from GIF to PNG to acheive a
	 neat aero effect. this will cause css to not validate */
#bgInner .topSlice {
	background:transparent url(inner_tl.gif) no-repeat 0px 0px;
	/*_background-image:url(inner_tl.gif);*/
	margin-right:18px; /* space for the top right corner */
}
#bgInner .topSlice .corner {
	background:transparent url(inner_tr.gif) no-repeat right 0px;
	/*_background-image:url(inner_tr.gif);*/
	margin-right:-18px; /* pull back the width of above margin to expose corner */
}
#bgInner .bodySlice {
	background:transparent url(inner_ml.gif) repeat-y 0px 0px;
	/*_background-image:url(inner_ml.gif);*/
	margin-right:18px; /* space for the right side */
}
#bgInner .bodySlice .corner {
	background:transparent url(inner_mr.gif) repeat-y right 0px;
	/*_background-image:url(inner_mr.gif);*/
	margin-right:-18px; /* pull back the width of above margin to expose side */
}
#bgInner .bodySlice .corner .s {margin:0px 18px;overflow:hidden;}
#bgInner .footSlice {
	background:transparent url(inner_bl.gif) no-repeat 0px 0px;
	/*_background-image:url(inner_bl.gif);*/
	margin-right:18px; /* space for the bottom right corner */
}
#bgInner .footSlice .corner {
	background:transparent url(inner_br.gif) no-repeat right 0px;
	/*_background-image:url(inner_br.gif);*/
	margin-right:-18px; /* pull back the dwidth of above margin to expose corner */
}

/* header elements */
/* header elements - Changed logo height to 68px from 61px to use logo.jpg from CS skins. 64px works with
.PNG effects above in bgInner and also changed title color to ffdd00 from dd9c00 to contrast with background  -P.M. 7/17/09 */
#header {height:61px;position:absolute;z-index:50;top:0px;left:0px;overflow:auto;}
#logo {height:64px;overflow:hidden;position:absolute;z-index:20;left:0px;top:0px;}
#title {position:absolute;color:#ffdd00;right:10px;bottom:10px;text-align:right;}
.titlePointer {color:#0000bb;padding-left:8px;}

.slideR3Group {position:relative;/*margin-bottom:-3px;*/}

/* region2 elements */
#r2Layer {overflow:auto;}

/* region3 elements */
#r3 {width:640px;}

/* footer elements */
/* footer elements  - Changed colors of footer(copyright) from c3e5f0 to ffdd00 and footer a(TAG link) to c0c0c0. -P.M. 8/17/09 */
#footer {font-size:.8em;position:absolute;bottom:8px;color:#ffdd00;}
#footer a {color:#c3e5f0;}

#closeLayer {font-size:.8em;font-weight:bold;position:absolute;z-index:30;right:5px;top:5px;}
/**^^^^^^^^^^^^^^^^^^^^ END TEMPLATE ELEMENT LAYOUT STYLES ^^^^^^^^^^^^^^^^^^^^**/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/


/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/********************** BEGIN MODULE HEADER ELEMENT STYLES **********************/
/* background styles for header of each module */
.moduleHeader {height:26px;line-height:26px;margin-bottom:1px;background:transparent url(runner.gif) repeat-x top right;}

/* styles for the buttons that appear on the module headers */
.moduleHeaderControls {display:inline;}
.moduleHeaderControls dl {}
.moduleHeaderControls dt { display:inline; margin:0px 8px 0px 8px; }
.moduleHeaderControls a,
.moduleHeaderControls a:link,
.moduleHeaderControls a:visited { padding:0px 0px 0px 25px; color:#ffffff;
   font-weight:bold; font-style:italic; font-size:11px; line-height:26px; text-decoration:none; }
.moduleHeaderControls a:hover,
.moduleHeaderControls a:active {color:#ffcc00;}
.moduleHeaderControls a span,
.moduleHeaderControls a:hover span {line-height:26px;}
/*.moduleHeaderControls a,
.moduleHeaderControls a span {display:block;float:left;cursor:pointer;}*/

/* Hide from IE5-Mac \*/
.moduleHeaderControls a, .moduleHeaderControls a span {float:none;}
/* End hide */

/************************ END MODULE HEADER ELEMENT STYLES **********************/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/