@media screen {
	/**
	* Global Elements
	*/

	html, body {
		color	: #333;
		font-family: Arial, Verdana, Helvetica Sans-serif;
		margin						:						0;
		padding						:						0;
		background					:						#ffffff;
		background-position:center center;
		background-attachment		:						fixed;
		background-repeat:repeat-y;
	}
	
	.movietitle { margin: 5px 0px 10px 10px; padding: 0px; font: bold 14pt/normal "Trebuchet MS",Trebuchet,Myriad,sans-serif; text-decoration:none; }
	.moviedetails { margin: 0px 1px 1px 1px; padding-bottom: 5px; border: 1px; border:1px solid #E5F0D6;}

		.role {
		float:left;
		width: 30%;
		position:relative;
		padding-left:15px;
	}
	.role .title {
		font-size:1.1em;
		color: green;
		font-weight: bold;
		float:left;
	}
	.role .profile_link {
		font-size: 0.9em;
		padding-left:5px;
		color : #666;
        	float: left;	
	}
	
	
	.alphabetslist {
	padding:10px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	font-size: 1em;
	}

	.alphabetslist ul {
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: left;
	}

	.alphabetslist li {
	list-style-type: none;
	display: inline;
	}
	.alphabetslist a, .alphabetslist a:visited {
	padding: 0 5px;
	text-decoration: none;
	color: #2e6acc;
	margin: 0 0 0 3px;
	}

	.alphabetslist a:hover, .alphabetslist a:active {
	padding: 0 5px;
	color: #000;
	margin: 0 0 0 3px;
	}
	
	
.vidplayer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vidplayer iframe,
.vidplayer object,
.vidplayer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
	
	
	
#openid_form {
}

#openid_form legend {
        font-weight: bold;
}

#openid_choice {
        display: none;
}

#openid_input_area {
        clear: both;
        padding: 10px;
}

#openid_btns, #openid_btns br {
        clear: both;
}

#openid_highlight {
        padding: 3px;
        background-color: #FFFCC9;
        float: left;
}

.openid_large_btn {
        width: 100px;
        height: 60px;
fix for IE 6 only: http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack
        _width: 102px;
        _height: 62px;
        
        border: 1px solid #DDD;
        margin: 3px;
        float: left;
}

.openid_small_btn {
        width: 24px;
        height: 24px;
fix for IE 6 only: http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack
        _width: 26px;
        _height: 26px;
        
        border: 1px solid #DDD;
        margin: 3px;
        float: left;
}

a.openid_large_btn:focus {
        outline: none;
}

a.openid_large_btn:focus {
        -moz-outline-style: none;
}

.openid_selected {
        border: 4px solid #DDD;
}
        
.profileImageLarge { width: 48px; height: 48px; display:block; float:left;margin-bottom: 5px;}
.profileImageMedium { width: 32px; height: 32px; display:block; float:left; margin-bottom: 2px;}

	
	
.profilebox {
    background-color:#ffffff;
	padding:10px;
	margin-bottom:10px;
	-webkit-box-shadow: 0 8px 6px -6px  #999;
	   -moz-box-shadow: 0 8px 6px -6px  #999;
	        box-shadow: 0 8px 6px -6px #999;
}

.profilename {
    font-weight:bold;
	padding:5px 0 5px 0;
}


/* /* 	.container {
        width: 1000px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16.
 	}
	.content {
	background-color: #fff;
	padding:5px;

	}
	

	Common classes
	img.cpic
	{
		position: relative;
		top: -8px;
		width: 97px;
		height: 73px;
		padding: 10px;
	}

	img.right
	{
		float: right;
		margin-left: 14px;
	}

	#breadcrumbs {
		font-size : 0.8em;
		color	: #ccc;
		margin-bottom: 10px;
	}

	#breadcrumbs a {color: #aaa; }
	#breadcrumbs a:hover {background : #aaa; color: #fff;}

textarea#commentBox
{
  height: 20px;
  width: 540px;
line-height: 20px;
}
	


#openid_form {
}

#openid_form legend {
        font-weight: bold;
}

#openid_choice {
        display: none;
}

#openid_input_area {
        clear: both;
        padding: 10px;
}

#openid_btns, #openid_btns br {
        clear: both;
}

#openid_highlight {
        padding: 3px;
        background-color: #FFFCC9;
        float: left;
}

.openid_large_btn {
        width: 100px;
        height: 60px;
fix for IE 6 only: http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack
        _width: 102px;
        _height: 62px;
        
        border: 1px solid #DDD;
        margin: 3px;
        float: left;
}

.openid_small_btn {
        width: 24px;
        height: 24px;
fix for IE 6 only: http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack
        _width: 26px;
        _height: 26px;
        
        border: 1px solid #DDD;
        margin: 3px;
        float: left;
}

a.openid_large_btn:focus {
        outline: none;
}

a.openid_large_btn:focus {
        -moz-outline-style: none;
}

.openid_selected {
        border: 4px solid #DDD;
}
        
.profileImageLarge { width: 48px; height: 48px; display:block; float:left;margin-bottom: 5px;}
.profileImageMedium { width: 32px; height: 32px; display:block; float:left; margin-bottom: 2px;}



	Cal
	#expiry_cal { float: right; width:300px; padding: 5px; margin: 1px;}


	Other Misc
	.timetaken {
		font-size: 0.7em;
		padding: 2px;
	}

	
	
	#accountmenu li {padding: 0px 5px; list-style: square outside; color:black}
	#adminmenu li {padding: 0px 5px; list-style: square outside; color:black}
	#adminmenu ul{padding: 0px 1px; margin:0px 10px;}

	Header Menu
	#menu
	{
		float: right;
		right: 0px;
		padding-right: 26px;
		bottom: 4px;
		height: 45px;
		color: #A75300;
		overflow:visible;
	}

	#menu ul
	{
		list-style: none;
	}

	#menu li
	{
		float: left;
		border-left: solid 1px #A75300;
		padding-left: 8px;
		margin-left: 8px;
	}

	#menu li.first
	{
		margin-left: 0px;
		padding-left: 0px;
		border-left: 0px;
	}

	#menu a
	{
		color: #333333;
	}




	.span_away {margin-left : 5em}
	.light_text { color:#777; font-size:0.8em;}

	.movieprofilesearchbox
	{
		background-color: #b90c0c;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		padding-top: 0pt;
		padding-right: 8px;
		padding-bottom: 0pt;
		padding-left: 8px;
		overflow-x: hidden;
		overflow-y: hidden;
	}
	.placesearchbox
	{
		background-color: #0c0cb9;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		padding-top: 0pt;
		padding-right: 8px;
		padding-bottom: 0pt;
		padding-left: 8px;
		overflow-x: hidden;
		overflow-y: hidden;
	}
	.searchbox
	{
		background-color: #0cb90c;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		padding-top: 0pt;
		padding-right: 8px;
		padding-bottom: 0pt;
		padding-left: 8px;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	links to deal actions
	img#email{background:url(images/send_email.gif);}
	img#header-logo{border-width:0px;}

	report styles
	.reporttable {border: 1px solid #E5F0D6;border-collapse: collapse;margin-right: 0.5em;width:100%;}

	.borderlesstable {border-collapse: collapse;margin-left: 0.5em;}
	.borderlesstable td {
		padding: 0.5em 0.5em;
		margin-left: 1em;	
		vertical-align: top;
	}

		
	.reporttable a:visited {
  		color: blue;
	}

	.reporttable th{
  		font-weight: bold;
  		background: #eee;
  		margin-top: 0px;
  		vertical-align:bottom;
  		padding: 0.5em 0.5em;
	}

	.reporttable td {
  		padding: 0.5em 0.5em;
  		border-bottom: 1px solid #E5F0D6;
  		vertical-align: top;
		font-size: 1em;
	}
	
	.columntitle td {
  		padding: 0.5em 0.5em;
  		border-bottom: 1px solid #E5F0D6;
  		vertical-align: top;
		font-size: 1em;
	}

	.reporttable tr.columntitle {
  		background: #E5F0D6;
  		font-weight: bold;
		font-size: 1em;
	}

	.reporttable td.nodata {
  		text-align: center;
  		padding: 1em;
  		color: #999;
	}



	.candidates{
		height:120px;
	}

	.candidate{
		float:left;
		width:150px;
		height:95px;
		position:relative;
	}


	.candidate img{
		width: 80px;
		height: 79px;
		position: absolute;
		top:6px;
		left:7px;
	}


	.ballot{
		float:left;
		width:150px;
		height:95px;
		position:relative;
	}


	.ballot img{
		width: 80px;
		height: 79px;
		position: absolute;
		top:6px;
		left:7px;
	}


	.role {
		float:left;
		width: 30%;
		position:relative;
		padding-left:15px;
	}
	.role .title {
		font-size:1.1em;
		color: green;
		font-weight: bold;
		float:left;
	}
	.role .profile_link {
		font-size: 0.9em;
		padding-left:5px;
		color : #666;
        	float: left;	
	}
   .videos {
                height:178px;
        }

        .video {
                float:left;
                width:170px;
                height:138px;
                position:relative;
		padding-left:15px;
        }


        .video img{
		display:block;
                width: 140px;
                height: 78px;
		border: 1px solid;
                position: absolute;
                top:6px;
                left:7px;
        }

        .video .videotitle {
                position:absolute;   
                top:61px;
                left:6px;
		right: 6px;
                padding:0;
                margin:0;
                font-size:10px;
                padding-right:12px;
                line-height:11px;
                color:#949494;
                font-weight:normal;
        }                              


	.vert_topic { float:left; width:90%; height:121px; position: relative; padding-left: 5px;}
	

	.module p {
        	font-size: 11px;
        	padding: 0 0 5px 0 ;
	}

	.module .body .halfdiv{ float: left; width:50%; position:relative;}

	.module .first { padding-top: 0; }
	.module .last { padding-bottom: 0; background: none; }

	.hori_links {
		padding: 4px;
		float:left;
		font-size: 1em;
	}

	.hori_links a {
		color : #666;
		font-weight: bold;
		float: left;
		padding-right: 10px;
		display:block;
	}

	.morelink {
		text-align: right;
	}
	.morelink a { 
		font-weight: bold;
		color : orange;
	}
	.const_name  {
		margin : 1px;
		border: 1px;
		padding: 4px;
		width: 160px;
		float: left;
		position: relative;
		font-size: 1em;
	}
	.const_name a {
		font-size: 1em;
		color : #666;
        	font-weight: bold;
        	float: left;	
	}
	.const_name img{
		width: 140px;
		height: 79px;
		position: absolute;
		top:6px;
		left:7px;
	}

	.titleblock {
		margin:1px;
		padding:5px;
		font-size:0.9em;
		border:1px solid #feb;
		border-left:4px solid #f60;
	}




.send_email_status { font-size : 10px; color: red; }


.main-features {
	padding: 5px;
}

.main-features ul {
	margin: 10px 0 10px 0; padding: 0; text-align:left; width:100%;
}
.main-features li {
	list-style-type: none;
	display: inline;
	margin: 3px;
	padding: 2px;
}


.main-features li a { display:block; float:left;  color: #261; font-weight: bold; font-size:1.2em; text-decoration:none; margin-right:10px;}
.main-features li a b { display:block; padding:7px 15px 5px 15px;}
.main-features li a:hover {text-decoration:underline;}

.alphabetslist {
	padding:10px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	font-size: 1em;
}

.alphabetslist ul {
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: left;
}

.alphabetslist li {
	list-style-type: none;
	display: inline;
}
.alphabetslist a, .alphabetslist a:visited {
	padding: 0 5px;
	text-decoration: none;
	color: #2e6acc;
	margin: 0 0 0 3px;
}

.alphabetslist a:hover, .alphabetslist a:active {
	padding: 0 5px;
	color: #000;
	margin: 0 0 0 3px;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ IE 6 and below. Adjust non linked LIs slightly to account for bugs
margin-right: 5px;
padding-right: 0;
}



Front Page Temp Css

.frontcandidate {padding-right:5px;margin-right: 2px;height: 230px;border-right: 2px solid #eee;border-bottom: 2px solid #eee;}
.frontcandidate img { padding-bottom: 13px; width:48px; height: 60px;}
.frontcandidate .greenname{ height:21px; font-weight:bold; color:green; line-height:16px; overflow:hidden; 
				border-bottom:1px solid #dadada; padding-right:5px;}
.frontcandidate .bluename{ height:21px; font-weight:bold; color:#22335A; line-height:16px; overflow:hidden; 
				border-bottom:1px solid #dadada; padding-right:5px;}
.frontcandidate .name { padding-top: 1px;}
.frontcandidate .name h2 {width:auto; padding-left:0; margin:0px; line-height:16px; font-size:14px; font-weight:bold;}

.frontdistrictbox { padding: 2px; margin: 6px; background=#EBE314;}
.frontdistrictbox .name { float: left; width:50%; color:green; padding-bottom:1px; }
.messagebox { float:left; margin-left: 2; border:2px solid #eee; height:230px;}
.messagebox h2 { width:auto; padding:0; margin:4px; line-height:16px; font-size:14px; font-weight:bold;}

.tjresult {font-size: 0.8em; font-color: #doe;}
.newslink { padding:1px; font-size:1em; }

input.votebtn {border:1px ridge;font-family:tahoma;font-size:1.7em;font-weight:bold;background-color:#80C31C;}

.votespolled 
{
	background-color: #eee;
	font-size: 1em;
	font-weight: bold;
	margin: 2px;
	padding: 2px;
}


Message Boxes

.info, .success, .warning, .error, .validation, .loading {
border: 1px solid;
margin: 10px 0px;
padding:10px 10px 10px 30px;
background-repeat: no-repeat;
background-position: 10px center;
-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;border-top-left-radius:6px;border-top-right-radius:6px;
-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;
}
.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}

.loading{
color: #D8000C;
background-color: #FFFFFF;
}
Topics
.topic-head {
	color: #333333;
	float: left;
	font-weight: bold;
}

.media-item
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e6e6e6;
	margin-bottom: 1px;
	padding-bottom: 1px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.media-item-title 
{
	color: #333;
	float: left;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 1.2em;
}

.rss-item-header
{
	font-size: 1.2em;
	height: 1.4em;
	overflow-x: hidden;
	overflow-y: hidden;
}
.rss-item-content
{
	margin-bottom: 10px;
	margin-top: 1px;
	padding-bottom: 1px;
	line-height: 1.5em;
	overflow-x: hidden;
	overflow-y: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e6e6e6;
}
.link-item
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e6e6e6;
	margin-bottom: 4px;
	padding-bottom: 4px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.media-playing {
	background-color:#eee;
}


.topic-item
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e6e6;
	margin-top: 6px;
	padding-top: 6px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.topic-item img {
		top:6px;
		left:7px;
	}
Site Navigation

*{
	list-style:none;
}
#menucontainer{
	position:relative;
	height:50px;
	color:#FFFFFF;
	background:#383636;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
#menunav{
	position:relative;
	height:38px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(images/background.jpg) repeat-x bottom left;
	padding:0 0 0 20px;}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;}

#menunav ul li a{
	display:block;
	float:left;
	text-decoration:none;
	padding:0 0 0 20px;
	font-size:1.1em; color:#fff;
	height:38px;}

#menunav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;}

#menunav ul li a:hover{
	color:#fff;	
	background:transparent url(images/hover.jpg) repeat-x bottom left;}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;}

#menunav ul li a.current, #menunav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(images/left.jpg) no-repeat top left;
	line-height:275%;}

#menunav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#383636 url(images/right.jpg) no-repeat top right;
	height:38px;}

---------------------- END Dolphin nav ----------------------
.site-nav { padding:2px; width:100%;overflow:hidden;margin-top:0px; margin-bottom:2px; border:1px solid #E5F0D6;}
.site-nav li { display:block; float:left;  font-size:1em; color:#fff; text-decoration:none; margin-right:10px;}
.site-nav li a { display:block; float:left;  font-size:1em; text-decoration:none; margin-right:10px; -moz-border-radius:3px;-webkit-border-radius:3px; background-color:#5a5a5a; outline:none; color:#fff;}
.site-nav li a b { display:block; padding:3px 7px 2px 7px;}
.site-nav li a:hover{background-color:#5a5a5a;outline:none; color:#fff;}
.site-nav li a.last { margin:0;}

.sub-nav { width:100%;overflow:hidden; margin-bottom:2px;}
.sub-nav li { display:block; float:left;  font-size:1.1em; color:#000; text-decoration:none; margin-right:10px;}
.sub-nav li a { display:block; float:left;  font-size:1.1em; color:#000; text-decoration:none; margin-right:10px; -moz-border-radius:3px;-webkit-border-radius:3px;}
.sub-nav li a b { display:block; padding:2px;}
.sub-nav li a:hover{background-color:#5a5a5a;outline:none;color:#fff}
.sub-nav li a.last { margin:0;}

.woork{
	color:#444;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0 auto;
}
.twitter_container{
	color:#444;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0 auto;
}
.twitter_container a{
	color:#0066CC;
	font-weight:bold;
}
.twitter_status{
	height:65px;
	padding:6PX;
	border-bottom:solid 1px #DEDEDE;
}
.twitter_image{
	float:left; 
	margin-right:14px;
	border:solid 2px #DEDEDE;
	width:50px;
	height:50px;
}
.twitter_posted_at{
 font-size:11px;
 padding-top:4px;
 color:#999;
}

page header
	.page_title{
        	margin : 0px 1px 1px 1px;
        	#border: 1px solid #E5F0D6; 
        	padding-bottom: 5px;
		border: 1px;
		background-color: #d2e3fb; 
		-moz-border-radius-bottomleft:0;
		-moz-border-radius-bottomright:0;
		-webkit-border-bottom-left-radius:0;
		-webkit-border-bottom-right-radius:0;
	}
	.page_title h1 { font-weight: bold; padding: 8px; font-size : 1.5em; float: left; font-family:Arial,Helvetica,sans-serif}

	.movietitle { margin: 5px 0px 10px 10px; padding: 0px; font: bold 14pt/normal "Trebuchet MS",Trebuchet,Myriad,sans-serif; text-decoration:none; }
	.moviedetails { margin: 0px 1px 1px 1px; padding-bottom: 5px; border: 1px; border:1px solid #E5F0D6;}


Player

a.player {	
	display:block;
	width:272px;
	height:220px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:#000 url(/img/global/gradient/h500.png) repeat-x 0 0;
	background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
}

a.player:hover {
	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));	
}

splash image
a.player img {
	margin-top:125px;
	border:0;	
}

#content {
	float:left;
	border:2px solid #6b8ab6;
	margin-bottom:10px;
}

#player {
	float:left;		
	width:382px;
	height:320px;
	margin-top:10px;
	padding:4px 10px 12px 10px;
}	

playlist style
.playlist {
	width:100%;
	height:205px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;
	padding:2px 5px 6px 5px;/
	background-color:#efefef;
	margin-top:10px;
	float:left;
	clear:right;
}

#playlist-bar {
	width:350px;
	height:30px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;
	padding:2px 5px 6px 5px;/
	background-color:#efefef;
	/*margin-top:10px;
	float:left;
	clear:left;
}
playlist entry
.playlist a {
	display:block;
	border:1px solid #ccc;
	width:160px;
	height:50px;
	
	padding:4px 4px 4px 4px;
	background-color:#fff;
	font:11px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	color:#666;
	float:left;
}

different states of a playlist entry
.playlist a:hover {
	background-color:#ffc;		
}

.playlist a.progress {
	background-color:#efefef;	
}

.playlist a.playing {
	border:1px solid #666;
	background-color:#ffc;	
}
.playing {
	border:1px solid #666;
	background-color:#ffc;	
}

.playlist a.paused {
	border:1px solid #666;
	background-color:#ffc;	
}

elements inside playlist entry
.playlist a img {
	border:0;	
	float:left;
	margin-right:6px;
}

.playlist a strong {
	color:blue;		
	padding-bottom:5px;
}

.playlist a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(/img/demos/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
}


} End of CSS


newslist style
.newslist {
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#efefef;
	float:left;
	clear:right;
}
.newslist a {
	padding:0px 2px 2px 2px;
	background-color:#fff;
	font:11px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	margin-top:4px;
	color:#666;
	float:left;
}

.s_outer_g
{
margin-bottom: 4px;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0pt 0pt;
border-width: 4px;
border-style: solid;
border-color: #bfdcf1;
}
#slidebox{
    width:330px;
    padding:10px;
    background-color:#fff;
    border-top:3px solid #FF0000;
	border-left:3px solid #FF0000;   
    position:fixed;
    bottom:0px;
    right:-430px;
	-moz-box-shadow:-2px 0px 5px #404040;
	-webkit-box-shadow:-2px 0px 5px #404040;
	box-shadow:-2px 0px 5px #404040;
	z-index:9999;
}
#slidebox p, a.more{
 *     font-size:11px;
 *         text-transform:uppercase;
 *             font-family: Arial,Helvetica,sans-serif;
 *                 letter-spacing:1px;
 *                     color:#333333;
 *                     	
 *                     	}
 *                     	a.more{
 *                     	    cursor:pointer;
 *                     	        color:#333333;
 *                     	        	margin:10px 0 0 0;
 *                     	        		float:left;
 *                     	        		}
 *                     	        		a.more:hover{
 *                     	        		    text-decoration:underline;
 *                     	        		    }
#slidebox h2{
    color:#E28409;
    font-size:18px;
    margin:10px 20px 10px 0px;
}
a.close{
    background:transparent url(../images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
a.close:hover{
    background-position:0px -13px;
}
.slidebox_txt {
	font-family: Georgia, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;
	font-size : 1em;
	line-height:20px;
	font-weight : bold;
	text-decoration : none;
	color : #005085;
}
.slidebox_txt a {
	font-family: Georgia, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;
	font-size : 1em;
	line-height:20px;
	font-weight : bold;
	text-decoration : none;
	color : #005085;
}
.slidebox_txt a:hover {
	color: #000000;
	text-decoration:underline;
}
.more_button {
	width:auto;
	height : 15px;
	float : right;
	margin :10px 0 0 0;
	padding :0px;
}
.more {
	color : #000000;
	line-height : 15px;
	font-family :Georgia, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	text-align : center;
}
.more a {
	color : #000000;
	line-height : 15px;
	font-family :Georgia, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-decoration:none;
	text-align : center;
}
.more a:hover {
	color : #000000;
	text-decoration:underline;
}



#videotabs {
	background: none;
	border-color: #ddd;
}
#videotabs .ui-widget-header {
	background: transparent;
	border: none;
	border-bottom: 1px solid #c0c0c0;
}
#videotabs .ui-state-default {
	background: transparent;
	border: none;
}
#videotabs .ui-state-active {
	background: transparent url(img/uiTabsArrow.png) no-repeat bottom center;
	border: none;
}
#videotabs .ui-state-default a {
	color: #c0c0c0;
}
#videotabs .ui-state-active a {
	color: #459E00;
}

#videotabs .ui-tabs .ui-tabs-panel { padding: 0px; }


 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming

 .ui-tabs .ui-tabs-nav{ background:none; border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; border:0px;} position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
.ui-tabs .ui-tabs-nav li:hover{
  text-decoration: none;
}


.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border-bottom:1px solid #DDD; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px;   padding: 0; white-space: nowrap; background:none; border:0px;



}

.ui-tabs-nav .ui-state-default{
  -webkit-box-shadow: 0px 0px 0px #ffffff; Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+
     -moz-box-shadow: 0px 0px 0px #ffffff; FF3.5 - 3.6
          box-shadow: 0px 0px 0px #ffffff; Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5
}
.ui-tabs .ui-tabs-nav li a {

  float: left;
  text-decoration: none;
  cursor: text;
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;


 }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {

  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: #ffffff;
  cursor: default;
  color:gray;


}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
color:#0069D6;
background:none;
font-weight:normal;
margin-bottom:-1px;


} first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere...
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs-panel .ui-button{text-decoration:none;}
.ui-tabs .ui-tabs-hide { display: none !important; }


IE fix for background inheritance from ui-widget
.ui-tabs .ui-tabs-nav li{
  filter:none;
}

.ui-tabs .ui-tabs-panel { padding: 0px; }








 */

@media print {
	/**
	 * Elements to hid
	 */
	#nav, #left-container, #right-container { diplay : none; }
}