/* 
STYLE SHEET FOR PIXELNOVEL WEB SITE
Created by Natalia Lukicheva
Pixelnovel

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
Notes
	main colors:
	font: #333
	hover: #0000cc
	green font: #009900
*/

/* --------- 1. defaults  --------- */
*	{
	margin:0;}

img {
	border:0}
	
html, body{
	height: 100%;}
	
body{
	/*font: normal normal normal 110% Arial #333;*/
	font: normal normal normal 13px Arial;
/*	color: #333; */
	/*font-size: 66%;*/
	text-decoration: none;
	}

body, img, form, input, table, ul, p{
	margin: 0; 
	padding: 0;
}

a, a:hover {
	color:#0000CC;}
	
a:hover{
	text-decoration:underline}


/*  --------- 2. structure  --------- */

#wrapper
{
	width:1150px;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -245px auto;}

#content{
	clear: both;
	padding:26px 0;
	width: 1150px;
	display:block;}

/*  =header  --------- */
	
#masthead {
	padding-top:10px;}
		
#accNameContainer{
	width:50%; height:60px;
	float:left;
	font: 26px Arial, Helvetica, sans-serif;
	color:#333333;
	text-transform:lowercase;}
	
.powered, .powered a, .powered a:hover{	/*powered by pixelnovel*/
	width:100%;
	font: 10px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	position:relative;
	vertical-align:super;
	text-decoration:none;
	padding-left:2px;}

#personalNav{
	width: 50%; height:50px;
	float:right;
	text-align:right;
	line-height:2.5;
	padding-top:10px;}
		
#personalNav span{ 
	padding-left:30px;
	font: normal normal normal 12px Arial;
	color:#000;}
	

.suspended {
}

/*  =breadcrumb / path  --------- */	
	
#breadcrumb {
    float:left;
    width:1111px;
    background:url("/r/i/images/breadcrumb_bg.png") 43px 0px no-repeat #dedede;
	height:30px;
	overflow: hidden;}
	  
#breadcrumb div.home{float: left;}

#breadcrumb div.path{
	float: left; 
	width: 1068px; 
	overflow: hidden;
}
#breadcrumb div.path div.path_content {width: 1562px;}

#breadcrumb ul.path li {float: left;}

#breadcrumb ul {
    margin:0;
    list-style:none;}
	  
#breadcrumb li {
    float:left;
    background:url(/r/i/images/breadcrumb_normal_l.png) no-repeat left top;
    padding:0 0 0 7px; /*on the left is the width of the rounded corner*/}
	  
#breadcrumb li.b_hover{	
	background:url(/r/i/images/breadcrumb_hover_l.png) no-repeat left top;
	}
    
#breadcrumb a, #breadcrumb a:hover{
    display:block;
    background:url(/r/i/images/breadcrumb_normal_r.png) no-repeat right top;
    padding:15px 25px 15px 18px;
	font:14px/0 Arial; letter-spacing:1px;
	text-transform: lowercase; 
	color:#000;
	text-decoration:none;
	letter-spacing:1px;}
	  
#breadcrumb a:hover {
	color:#fff;
	background:url(/r/i/images/breadcrumb_hover_r.png) no-repeat right top #666;
}	  
	  
#breadcrumb li#current{ /*"current" is always the last element in the sequence*/
	color:#fff;
    background:url(/r/i/images/breadcrumb_current_l.png) no-repeat;
	cursor:pointer;}
	  
#breadcrumb li#current a{
    background-image:url(/r/i/images/breadcrumb_current_r.png);
    background-color: #888;
    color:#fff;
	cursor:pointer;
	padding-right:32px;}
	  
#breadcrumb li.home{
    background-image:none;
	padding-left:0px;}	  	
	   
#breadcrumb li#current.home{
    background-image:none;
	padding-left:0px;} 
 
#breadcrumb a.home, #breadcrumb a.home:hover, #breadcrumb li#current a.home{
	width:43px;
	background:url(/r/i/images/breadcrumb_normal_home.png) no-repeat top left;
	padding:15px 0px 15px 0px;
	display:block;
	overflow: hidden;}

#breadcrumb a:hover.home{
 	background:url(/r/i/images/breadcrumb_hover_home.png) no-repeat top left;}	 
	
#breadcrumb li#current a.home{	
	width:50px;
    background:url(/r/i/images/breadcrumb_current_home.png) no-repeat top left;}
 
#breadcrumb li#current.home{
 	width:50px;
 	background-image:none;
	overflow: hidden;}
	  
#breadcrumb_help{
    height:30px; width:39px;
    line-height:30px;
    background:#dedede;    
    margin:0; padding:0;
	float:right;}
		
		
/*  =content  --------- */

div.content_wrapper {
	clear:both;
	/*width: 1150px;*/
	margin: 0 auto;
	background: #F8F8F8;
	font:12px Arial; 
}

div.content_wrapper .top {
	width: 1150px; height:7px;
	background:url(/r/i/images/content_top.png) left top repeat-x;
}

div.content_wrapper .topleft {
	display: block;
	width:7px;
	height:7px;
	float:left;
	background:url(/r/i/images/content_rounded_topleft.png) left top no-repeat;
}

div.content_wrapper .topright {
	display: block;
	width:7px;
	height:7px;
	float:right;
	background:url(/r/i/images/content_rounded_topright.png) right top no-repeat;
}

div.content_wrapper .bottom {
	width: 1150px; height:7px;
	background:url(/r/i/images/content_bottom.png) left top repeat-x;
}

div.content_wrapper .bottomleft {
	display:block;
	width:7px;
	height: 7px;
	float:left;
	background:url(/r/i/images/content_rounded_bottomleft.png) right top no-repeat;
}

div.content_wrapper .bottomright {
	display:block;
	width:7px;
	height: 7px;
	float:right;
	background:url(/r/i/images/content_rounded_bottomright.png) right top no-repeat;
}

div.content_wrapper .border {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 25px 40px 25px 40px;
}

#content_tabs{
	height: 30px;
}
#content_tabs ul{
	margin-left: 20px;
	position: absolute;
	margin-top: 1px;
}
 
#content_tabs ul li{
	float: left;
	list-style: none;
	width: 160px;
	margin: 0px 4px 0px 0px;
	
}

#content_tabs A.ctab, #content_tabs A.ctabover {
	display: block;
	width: 100%;
	background: url("/r/i/images/tab_left.png") no-repeat;
	/*margin: 0px 4px 0px 0px;*/
	font:18px Arial; 
	letter-spacing:1px;
	color:#888;
	text-decoration: none;
	text-align: center;
	/*border-bottom: 1px solid #CCC;*/
}

#content_tabs A.ctabover { 
	background-color: #FFF; 
	color:#000;
	background: url("/r/i/images/tab_left_on.png") no-repeat #F8F8F8;
	border-bottom: 2px solid #F8F8F8;
	position: relative;
	margin-top: 0px;
}

#content_tabs A:hover.ctab {
	background: url("/r/i/images/tab_left_hover.png") no-repeat #888;
	color: #fff;
}


#content_tabs A.ctab SPAN, #content_tabs A.ctabover SPAN {
	display: block;
	padding:5px 10px 3px 10px;
	background: url("/r/i/images/tab_right.png") right no-repeat;
}

#content_tabs A.ctabover SPAN {
	background: url("/r/i/images/tab_right_on.png") right no-repeat;
}

#content_tabs A:hover.ctab SPAN{
	background: url("/r/i/images/tab_right_hover.png") right no-repeat;
}

.grey{
	color: #888 !important;
}

.red {
	color: red;
}

.green {
	color: #009900;
}�

.error {
	border: 1px solid red !important;}

.title {
	font:18px Arial; 
	letter-spacing:1px;
	color:#888;}

ul.text {
	padding-left:30px;}
	
ul.text li {
	padding:10px 30px 10px 0;
	}

input.text {
	border: 1px solid #CCC;
	width: 250px;
	height: 18px;
}

input.button, .button{
	padding: 0px 15px;
}

.button.add {
	margin-left: 50px;
}
  	
   
table.form tr {
	vertical-align: top;
	height: 35px;
}

table.form {
	color: #333;
}

table.form input.radio{
	margin-top: 10px;
}

a.account {
	color: #0066FF;
	text-decoration: none;
	font-size: 14px;
}

#userpic_place {
	width: 60px;
	height: 59px;
	background: url("/r/i/images/userpic_place.png") no-repeat;
	padding: 4px 0px 0px 6px;
	float: left;
}

table.plan tr{
	height: 40px;
}

table.plan tr.odd{
	background: #FFF;	
}

table.plan tr.even{
	background: #F0F0F0;	
}

table.plan td.your_odd{
	background: #39A436;
	color: #FFF;	
}

table.plan td.your_even{
	background: #088605;	
	color: #FFF;	
}

table.plan td.your_top{
	background: url("/r/i/images/your_plan_top.png") no-repeat #088605;	
	color: #FFF;	
}

table.plan td.your_bottom{
	background: url("/r/i/images/your_plan_bottom.png") no-repeat;	
	color: #FFF;	
}

table.plan td{
	text-align: center;
	color: #333;
}

table.plan td.first{
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
}


table.mark {
	color: #333;
}

table.mark tr{
	height: 40px;
}

table.mark .first{
	padding-left: 20px;	
}

table.mark th{
	text-align: left;
	color: #000;
}

table.mark td{
	text-align: left;
	vertical-align: middle;
}
 
table.mark td.access{
	padding: 0px 10px;
}
 
table.mark tr.odd{
	background: #FFF;	
}

table.mark tr.even{
	background: #F0F0F0;	
}


div.total{
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}

/*  =menu  --------- */

#accName {
	position: relative;
	margin-left: -17px;
}

#accName a.right {
	color: #000;
	cursor: pointer;
	display:block;
	padding: 2px 15px 5px;
	text-decoration: none;
}

#accName.hover {
	background: url("/r/i/images/bg_menu.gif") repeat-x;
}

#accName.hover .left {
	background: url("/r/i/images/bg_menu_left.png") left top no-repeat;
}

#accName.hover a.right {
	background: url("/r/i/images/bg_menu_right.png") right top no-repeat;
}

.menu {
	font-size: 20px;
 	position: absolute;
 	margin-top: -4px;
 	margin-left: -8px; 
 	border: 0px solid #9D9D9D; 
 	z-index: 10;
}

.menu ul, .menu ul li{
	margin:0;
	padding:0;
	list-style:none;
}

.menu ul li{
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.menu li a{
	display:block;
	color: #000;
	text-decoration: none;
	/*font-size: 20px;*/
	padding: 1px 15px 0px 5px;
	background: #FFF;  
}

.menu li a:hover{
	color: #000;
	text-decoration: none;
	background: #EEE;
}

/*  =notice  --------- */

.notice {
	position: relative;
	border: 1px solid;
	margin: 0px 20px 20px;
}

.notice .n_content, .notice .n_content a, .notice .n_content a:hover {
	padding: 20px 40px 20px 65px;
	font: 12px Arial;
	color: #333;
	text-decoration:none;
}

.notice .n_content a, .notice .n_content a:hover {
	padding:0;}

.notice .n_content a:hover {
	text-decoration:underline;
}

.notice .n_close {
	cursor: pointer;
	position: absolute;
	margin-top: 5px; margin-left: -15px;
}

.notice.info{
	border-color: #39c;
	background: url("/r/i/images/notice_info.gif") 20px 17px no-repeat #cff;
}

.notice.ok{
	border-color: #9c9;
	background: url("/r/i/images/notice_ok.gif") 20px 17px no-repeat #cfc;
}

.notice.err{
	border-color: #c66;
	background: url("/r/i/images/notice_err.gif") 20px 17px no-repeat #fcc;
}



/*  =footer  --------- */
#push {
	clear:both;
	height:245px; 
	width:100%;}

#footer {
	clear:both;
	width: 1150px;
	height:245px;
	margin: 0 auto;
	background: url(/r/i/images/footer_bg.png) repeat-x;
	font: normal 12px Arial;
	letter-spacing:1px;
	color:#fff;}
	
#footer .topleft, #footer .topright{
	width: 1150px; height:7px;
	background:url(/r/i/images/footer_rounded_left.png) left top no-repeat;}
#footer .topright{
	width:7px;	
	float:right;
	background:url(/r/i/images/footer_rounded_right.png) no-repeat top;}

#footer .copyright{
	width:300px; height:20px;
	margin: 0 auto 0 auto;
	padding:13px;
	color:#FFF;
	letter-spacing:1px;}
	
#footer_menu{
	width:1000px; 
	margin:0 auto;}	

ul.footer_menu{
	padding:0 0 0 20px;
	list-style: none;
	font: normal normal 13px/22px Arial, Helvetica, sans-serif;}

ul.footer_menu li, ul.footer_menu li a, ul.footer_menu li a:hover, ul.footer_menu, ul.footer_menu a, ul.footer_menu a:hover{
	margin-left:0;
	border: none;
	list-style: none;
	font: normal normal 13px/22px Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	color:#e5e5e5;
	text-decoration:none;}
	
ul.footer_menu, 
ul.footer_menu a, 
ul.footer_menu a:hover{
	font: normal normal 15px/22px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#FFF;}
	
ul.footer_menu li a:hover, 
ul.footer_menu a:hover{
	color:#FFF; 
	text-decoration:none;}

#column1, 
#column2, 
#column3 {
	width:33%; 
	float:left;}
#column3 {
	float:right;}

.separator {
		clear: both;}

.separatorInvisible {
		clear: both;
		height: 1px;}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}

/* ---------- 3. links and navigation ---------- */

a {
		}
		
a:hover {
		}

#navigation {
		}

#navigation ul {
		}

#navigation li {
		}

#navigation a {
		}

#navigation a:hover {
		}

/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}


/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. tables ---------- */

table {border-collapse:collapse; clear:both;}
		

/*#browse tbody tr:hover th[scope=row], ...*/
table{border:0;}
/*  =browse table  --------- */
		
#browse{
	width:1156px;/*100% width + 2 browse table borders width (left & right)*/
	position:relative;
	left:-3px;}

/* =table headers  ---------*/
#browse tbody th{
	background: url(/r/i/images/brws_tbl_normal.png) top left no-repeat;
	padding:0;
	border:6px solid #fff;
	height:30px;
	vertical-align: top;
}

#browse tbody th.focus{
	background: url(/r/i/images/brws_tbl_selected.png) no-repeat;}	
	
/*browse header span*/
#browse tbody span{
	width:100%; height:30px;
	background: url(/r/i/images/browse_table_header_r.png) no-repeat  top right;
	float:left;
	font: 16px/1.6 Arial; letter-spacing:1px;
	color:#FFF;}

#browse tbody span.focus{
	background: url(/r/i/images/browse_table_header_r_s.png) no-repeat top right;}

/*browse td*/	
#browse tbody td{
	color:#333; 
	font:14px Arial;
	border:6px solid #FFF;
	padding:16px 15px 16px 15px;
	vertical-align:top;}
	
#browse tbody td a ,#browse tbody td a:hover{	
	color:#333; 
	font:14px Arial;
	display:block;
	text-decoration:none;
	/*width:100%;*/ 
	min-height:42px;
	height: auto !important;
	height: 42px;
}
/*	
#browse img.preview{
	width:48px; height:48px;
	float:left; 
	top:5px;
	margin: -10px 0 -20px -75px;
	position:relative;
	
}*/
	
#browse tbody a.file, #browse tbody a.file:hover{
	/*background:url(/r/i/images/preview.png) no-repeat;*/
	/*margin:-10px 0 -20px -10px;*/
	padding:0px 0 0 60px;
/*	min-height:62px;*/
}
	
#browse tbody a.fold, #browse tbody a.fold:hover{
	/*background:url(/r/i/images/folder.png) no-repeat;*/
	margin:-10px 0 -20px -10px;
	padding:10px 0 0 72px;
	min-height:62px;}	

#browse tbody img.userpic{
	background:none;
	width:24px; height:24px;
	margin:-4px 0 0 -2px;
	float:left; 
	position:relative;
	padding:0 6px 10px 0;}
	
#browse a.prview_box{
	display: inline; 
	cursor: pointer;
}
#browse a:hover.prview_box{
	display: inline; 
}
#browse a.prview_box span{
	display: block;
	background: url('/r/i/images/preview.png') no-repeat;
    float: left;
	width: 62px; 
	height: 62px;
	position: absolute;
	margin: -9px 0px 0px -9px;
}
#browse .prview_box .preview{
	margin: 5px 0px 0px 7px;
}

#browse a.folder_box{
	display: inline; 
	cursor: pointer;
}
#browse a:hover.folder_box{
	display: inline;
}
#browse a.folder_box span{
	display: block;
	background: url('/r/i/images/folder.png') no-repeat;
    float: left;
	width: 62px; 
	height: 62px;
	position: absolute;
	margin: -9px 0px 0px -9px;
}

	
/*focus column background style*/
#browse tbody tr.even 		td.focus{	background:url(/r/i/images/colours_focus_even.png);}
#browse tbody tr.odd 		td.focus{	background:url(/r/i/images/colours_focus_odd.png);}
#browse tbody tr.even:hover td.focus{	background:url(/r/i/images/colours_focus_hover.png); color:#000;}
#browse tbody tr.odd:hover 	td.focus{	background:url(/r/i/images/colours_focus_hover.png); color:#000;}

/*normal column background style*/
#browse tbody tr.even td 		{	background:url(/r/i/images/colours_even.png);}
#browse tbody tr.odd  td 		{	background:url(/r/i/images/colours_odd.png);}
#browse tbody tr.even:hover td	{	background:url(/r/i/images/colours_hover.png); color:#000;}
#browse tbody tr.odd:hover td	{	background:url(/r/i/images/colours_hover.png); color:#000;} 


/*  =version preview area  --------- */

#version_preview{
	width:430px; 
	/*height:414px;*/ 
	float:left;
	background:#666 url(/r/i/images/version_preview_top_bg.gif) no-repeat;
	display:block; 
	padding-top:6px;
	color:#fff;
	position:relative;
	overflow: hidden;
}
	
/* the version_preview_OUTER, version_preview_MIDDLE, version_preview_INNER set is a hack to make the image (any size) centered vertically and horizontically. !!! Doesn't work for IE7
taken from http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */
	
#version_preview_outer {
	width:430px;
	height:317px;
	overflow:hidden; 
	position: relative;}
		
#version_preview_outer[id] {
	display:table; 
	position:static;}

#version_preview_middle {
	position: absolute; 
	top: 50%;} /* for explorer only*/
	
#version_preview_middle table {
	width: 100%; 
}	
	
#version_preview_middle[id] {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
	height:317px;
	}

#version_preview_inner {
	position: relative; 
	top: -50%;} /* for explorer only */
	
#version_preview_inner[id] {position: static;}

#version_preview_inner_td {
	height: 317px;
	background: none;
}

#version_preview img.image{
	margin:0 auto;
	display: block;
	/*position:relative;*/
}
	
#version_preview #versions{
	width:430px; 
	/*height:91px;*/ 
	display:block;} 
	
#version_preview #bottom{
	background:url(/r/i/images/version_preview_bottom_bg.gif) bottom no-repeat; 
	
	width:430px; height:6px; 
	display:block;} 

#versions img.preview{
	padding:10px 7px;
	width:48px; height:48px;
	float:left;
}

#version_zoom {
	position: absolute;
	z-index: 1;
	margin-top: 270px;
	margin-left: 386px;
}
	
#versions a img{
	background:none;}		

#versions a.v_hover img{
	background:url(/r/i/images/versions_hover.gif) no-repeat 1px 4px;}		

#versions img.focus, #versions a:hover img.focus{
	background:url(/r/i/images/versions_focus.gif) no-repeat 1px 4px;}

#versions .left{
	cursor: pointer;
	/*margin: 16px 7px 0 4px;*/
	margin: 0px 0px 0 4px;
	padding-right:28px;
	background:url(/r/i/images/versions_left.gif) no-repeat;
	display:block;
	width:18px; height:29px;
	float:left;}

#versions .right{
	cursor: pointer;
	/*margin: 16px 4px 0 7px;*/
	margin: 0px 4px 0 0px;
	padding-left:28px;
	background:url(/r/i/images/versions_right.gif) no-repeat right;
	display:block;
	width:18px; height:29px;
	float:right;}

/* Versions Pagination - the white circles which indicates what version is selected */	

#versions #pagination{
	width:430px; 
	/*height: 20px;*/
	clear:both;
	display:block;
	padding:0 auto;}

#versions #pagination #dots_container{
	position:relative;
	margin:0 auto;
	height:8px; display:table; /*won't center in IE, need to hack !!! */
}
	
#versions #pagination .dot{
	width:5px; height: 5px;
	margin-top: 2px;
	margin-right:7px;
	background:url(/r/i/images/versions_dot.gif) no-repeat;
/*	display:block;
	float:left;*/
}
	
#versions #pagination .dot_focus{
	width:8px; height: 8px;
	margin:0px 7px 0 0;
	background:url(/r/i/images/versions_dot_focus.gif) no-repeat;
	display:block;
	float:left;}	

#pagination img {
	margin:1px 7px 2px 0px;
}
	
#pagination img.focus {
/*	position: absolute;
	margin:-2px 5px 0px -1px;*/
	position: relative;
	margin:-2px 5px 0px -1px;	
}

#pagination_td {
	background: none; 
	width: 430px;
}
			
/* Version Info */
	
#version_info{
	font-size: 14px;
	width:700px; height:100%; 
	float:right;
	color:#333;
	display:block;}
	
#version_info .file_name{font:160% Arial;}
#version_info .file_name .version{color:#666;}
#version_info .version_header{
	font-size: 14px;
	background-color:#00669; 
	width:100%; height:62px; 
	margin:1em 0 1.2em 0; 
	display:block;}
	
#version_info .userpic{
	background:url(/r/i/images/userpic_bg.png); 
	padding:5px 7px 9px 7px; 
	margin:0 10px 0 -7px; 
	width:48px; height:48px; 
	vertical-align:middle;}
	
.btn_download, a.btn_download, a.btn_download:hover{
	background: url(/r/i/images/download.png) no-repeat top left; 
	width:30%; height:47px;
	vertical-align:middle;
	padding:0.4em 0 0 48px;
	height:47px;
	margin:1.2em 0;
	font:120% Arial; 
	color:#333;
	display:block;
	text-decoration:none;}
	
a.btn_download:hover{color:#000; text-decoration:none;}

/* upgrade Page */

div.upgrade_notice {
	padding-left: 20px; 
	margin: 15px 0px; 
	line-height: 1.3pc;
}

.discount {
	color: #009900;
	font-size: 1.1pc;
}

.edit_table .months{
	padding-left: 20px;
}

/* ************************ */
.search, .clear_search a{
	font:12px Arial; 
	padding-bottom: 2px;
}

.clear_search a{text-decoration: none; margin-left: 20px;}
.clear_search a:hover{text-decoration: underline;}

/* Progress bar */
/*----------------------------------------------------------------------------*/
div#cover	{ text-align:center; z-order:10000; background-color:transparent; position:absolute; cursor:wait; }
div#cover img	{ display:none; }
div#cover.wait_state img	{ display:inline; }
div#cover.wait_state	{ background-color:#ffffff; -moz-opacity:0.4; filter:alpha(opacity:40); opacity: 0.4; }
div#cover.wait_state span img	{ height:100%; }

div.selAcc {
    text-align: center;
    font: normal 12px arial;
    line-height: 25px;
    margin: 10px 0 30px 0;
}
div.selAcc span {
	color: red;
	font-size: 14px;
}
div.listAcc div#list a {
	font: normal 14px arial;
	color: #333;
    display: block;
    padding: 15px 20px;
	text-decoration: none;	
    background: url('/r/i/images/colours_odd.png');
    margin: 6px 0;
}
div.listAcc div#list a:hover {
    background: url('/r/i/images/colours_hover.png');
}

div.listAcc div#list a.sec {
    background: url('/r/i/images/colours_focus_odd.png');
}
div.listAcc div#list a.sec:hover {
    background: url('/r/i/images/colours_focus_hover.png');
}
div.listAcc div.noAcc {
    border:1px solid #000; 
    padding:15px;
    font-weight: bold;
    text-align: center;
}

/* Trial registr */
/*----------------------------------------------------------------------------*/

#trial_select {
    width: 250px;
    /*border: 1px solid #CCC;*/
}