@import url('structure.css');
@import url('navigation.css');

/*	standard colours

Mega dark grey	#242424
Very dark grey	#292929
Dark grey		#444444
Mid grey		#8f8f8f
Light grey		#ababab
Very light grey	#c8c8c8
Mega light grey	#dedede

Highlight green	#00aa00
Highlight red	#d00000

WOTS blue		#2abed9
*/


/* --------------------
	XHTML styles
-------------------- */
body, body#main {padding:0; 
	line-height:1.5em;
	font-size:0.8em;}

body#main {padding:0; 
	margin:0px 0px 50px 0px;	
	background:#292929 url('../images/bg/body.png') repeat-x;}
	
body,input,select,td,textarea {font-family:Arial,Helvetica,sans-serif;
	color:#292929;}

input,select,td,textarea {font-size:0.85em;}
	
form,img {margin:0;
    border:0;}

p {margin:0px 0px 20px 0px;}

strong {font-size:1.1em;}
em {font-size:0.9em;color:#8f8f8f;}

abbr,acronym,blockquote,cite,pre {color:#8f8f8f;}

abbr {border-bottom:1px dotted #ababab; 
	cursor:help}
	
acronym {font-weight:800;
    text-transform:uppercase;
    border-bottom:1px dotted #ababab; 
	cursor:help}
     
blockquote {margin:0px;
     padding:10px;
     border:1px solid #c8c8c8;
     background:#fff none repeat scroll 0 0;}
     
cite {border-bottom:1px dotted #ababab}

del {color:#d00000; 
     text-decoration:line-through}

ins {border-bottom:1px solid #00aa00; 
     text-decoration: none; 
     color:#00aa00;}

pre {font-family:lucida console,monaco,monospace;}

hr {border-top:1px solid #ababab;
    width:100%;
    height:1px;}
                  
table {width:100%;
   padding:0px;
   margin:0px 0px 0px 0px;
   border-collapse:collapse;}

th,td {text-align:center;}
th {padding:3px 2px 3px 2px;border:1px solid #fff;}
td {padding:0px 0px 0px 0px;}
                   
                   
/* --------------------
Links
-------------------- */
a {color:#00aad0;
	text-decoration:none;}
a:hover {color:#000;
	text-decoration:underline;}


/* --------------------
Headers
-------------------- */
h1, h2, h3, h4, h5, h6 {margin:20px 0px 5px 0px;
    font:normal 1.0em Georgia,"Times New Roman", Times, serif;}
	
h1,h2,h3,h4 {line-height:1.2em;color:#292929;}
h5,h6 {font-weight:bold;font-family:Arial,Helvetica,sans-serif;line-height:1.5em;color:#444444;}

h1 {font-size:1.85em;}
h2 {font-size:1.65em;}
h3 {font-size:1.5em;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}
h6 {font-size:1.0em;}


/* --------------------
forms area
-------------------- */
fieldset {float:left;
    padding:0px 20px 10px 20px;
	margin:0px 0px 20px 0px;
	border:1px solid #c8c8c8;}

legend {margin:0px 0px 0px -10px;
    font-size:0.85em;
    color:#8f8f8f;}

fieldset .label,
fieldset .item {float:left;
    padding:2px 0px 2px 0px;}

fieldset .label {width:120px;}    
fieldset .item {margin:0px 20px 0px 0px;}


/* --------------------
	alignment
-------------------- */
tr.space {height:5px;}
th.tleft,td.tleft {text-align:left; padding:0px 0px 0px 10px;}
th.tright,td.tright {text-align:right; padding:0px 0px 0px 0px;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}


/* --------------------
	TinyMCE helper styles
-------------------- */

textarea.RTE {width:615px;}
 
.mceItemTable,
.mceItemTable td, 
.mceItemTable th, 
.mceItemTable caption, 
.mceItemVisualAid {border:1px dashed #bbb;}

a.mceItemAnchor {width:12px; 	 
	overflow:hidden; 
	padding-left:12px;
	line-height:6px;
	background:url(../default/img/items.gif) no-repeat bottom left;}

img.mceItemAnchor {width:12px; 
	height:12px; 
	background:url(../default/img/items.gif) no-repeat;}
	


/* --------------------
MVC validation
-------------------- */
.input-validation-error {background:#eee0cc;}
.validation-summary-errors {color:#d00000;}
.field-validation-error {color:#d00000;}


/* --------------------
	alignment
-------------------- */
span.attention {color:#d00000;font-weight:800;}



/* --------------------
Paging links
-------------------- */
#pagerDark, 
#pagerLight {display:table;
    margin:0 auto;}

#pagerDark ul, 
#pagerLight ul {display:table-row;
    padding:0px 0px 0px 0px;    
    text-align:center; 
    font-size:0.85em;}

#pagerDark li, 
#pagerLight li {display:table-cell;
    list-style:none; 
    padding:0px 1px 0px 0px;
    vertical-align:middle;}

#pagerDark li.spacer, 
#pagerLight li.spacer {padding:10px 5px 0px 5px;
    color:#fff;}

/* hacks for IE7 */
*:first-child+html #pagerDark li {display:inline;zoom:1;}
*:first-child+html #pagerLight li {display:inline;zoom:1;}

#pagerDark li .navLeft, 
#pagerDark li .navRight,
#pagerLight li .navLeft,  
#pagerLight li .navRight {display:block;
    width:33px;
	height:20px;}

#pagerDark li .navLeft,
#pagerDark a.navLeft ,
#pagerLight li .navLeft,
#pagerLight a.navLeft {background:url('/content/images/button/arrowL.png') no-repeat 0 -20px;}

#pagerDark li .navRight,
#pagerLight li .navRight,
#pagerDark a.navRight,
#pagerLight a.navRight {background:url('/content/images/button/arrowR.png') no-repeat 0 -20px;}

#pagerDark li .selected,
#pagerDark li a,
#pagerLight li .selected,
#pagerLight li a {display:block;             
    overflow:hidden;
    width:22px;
    height:20px;
    padding:0px 0px 0px 0px;     
    color:#fff;
    text-decoration:none;}

#pagerDark li .selected,
#pagerDark li a:hover,
#pagerDark li a.active,
#pagerLight li .selected,
#pagerLight li a:hover,
#pagerLight li a.active {background:#2abed9;}

#pagerDark li a,
#pagerLight li a {background:#8f8f8f;}

#pagerDark a.navLeft,
#pagerDark a.navRight,
#pagerLight a.navLeft,
#pagerLight a.navRight {width:33px;height:20px;}

#pagerDark a.navLeft:hover,
#pagerLight a.navLeft:hover {background:url('/content/images/button/arrowL.png') no-repeat 0 0px;}

#pagerDark a.navRight:hover,
#pagerLight a.navRight:hover {background:url('/content/images/button/arrowR.png') no-repeat 0 0px;}