﻿
/********************** CUSTOM *************/
a.action, span.action, .x { padding:4px; background-color:#efefef;cursor:pointer;    }
span.action {text-decoration:underline;}
td .action {padding:2px;}

hr { margin-top:20px;
     margin-bottom:20px;}
     
#secondary-navigation, #secondary-navigation a
{
    color:#fff;
    font-size:90%;
    text-decoration:none;
    margin-right:5px;
    margin-top:110px;
}
.error
{
    color:Red;
    border-color:Red;
}

/******************** FORM ELEMENTS***********/

fieldset label 
{
    background:#ddd;
    padding:4px;
    /*
    border:dotted gray 1px;*/
 
}

fieldset table label {background:none;padding:0px;}

input {margin:0;}

.long-input {width:370px;}

.med-input {width:200px;}

input.long, .long {
	margin:0;
	width:250px;
}

input.super_long, .super_long, .super-long
{
	margin:0;
	width:400px;
}

input.big 
{
    font-size:20px;
}

label.error {background:#efefef;color:red;}

/******************** ITEM ************/


.blog-item .heading h2, .news-item .heading h2{margin-bottom:2px;}
.blog-item .aux, .news-item .aux{color:#666;font-weight:bold;margin-bottom:20px;}
.news-item .body{margin-bottom:45px;}
.blog-item .item-actions, .news-item .item-actions {float:right;}
.blog-item .body{margin-bottom:20px;}


.left {float:left;}
.img-bit img{vertical-align:middle;}
.clear {clear:both;}


/****************** ALERTS *************/
.alertBox
{
    width:98%;    
    border:1px dotted gray;
    padding:5px;
    margin-bottom:10px;
}
.fail
{
    background-color:red;
    color:#fff;
    }
    
.success
{
    background-color:Green;
    color:#fff;
}

.success a 
{
    color:#fff;
}

/******************* COLUMN LAYOUTS *********/

.column {float:left; width:50%;}
.column .summary ul, .summary li {padding:0px;margin:0px;}
.summary li {margin-left:15px;}
.column hr {width:90%;}

.note {font-size:.9em; border-bottom:1px dotted #333;}


/****************** UL's ***************/
.useful-links {margin-bottom:20px;border-bottom:1px dotted #ccc;float:left;padding-bottom:20px;}
.useful-links .col-holder{width:530px;float:left;}
.useful-links .col-holder .col-left {width:110px; float:left;}
.useful-links .col-holder .col-right {width:260px; float:left;}


.hide_empty.gif
{
    visibility:hidden;
    display:none;
}


/****************PROFILE VIEW COLUMNS ***********/

.gutter-right {margin-right:20px;}


/**************************************** diff body */
#news-and-events #contentarea a {color: #701c6a;}
#news-and-events #contentarea a:hover {background-color: #701c6a; color:#fff;}

#news-and-events #contentarea a:visited {color: #003466;}
#news-and-events #contentarea a:visited:hover {background-color: #003466; color:#fff;}


/******************* SHOWCASE COLOURS *******************/

.bg-colour-music {background:#F27521;}

.bg-colour-design {background:#FF0030;}

.bg-colour-newmedia {background:#EC1590;}

.bg-colour-filmtv {background:#F8A01B;}

/******************* SHOWCASE GALLERY SPLASH *************/
#showcase {float:left;}

.showcase-splashItem {float:left;width:150px;margin-right:10px;}

/*.showcase-splashItem a {float:left;clear:both;display:block;padding:0px;margin:0px;}
*/.showcase-splashItem a img {float:left;}

.showcase-splashItem .header {margin-left:1px;padding:0px;margin-bottom:0px;}

.showcase-splashItem .item {float:left;}
.showcase-splashItem .thumbnail {margin-top:0px;}
.showcase-splashItem p {clear:both;}

/******************* SHOWCASE/THUMBNAILS *****************/

.thumbnail-full-col-wrapper  
{

    float:left;
    width:650px;padding:0;
}

.thumb_airlock 
{
    float:left;
    clear:both;
}

.thumb_airlock div 
{
    display:block;

}
    

.thumb_airlock img 
{
	border:1px solid #ccc;

}

.thumb_airlock img:hover
{
	border:1px solid #b22222;
}

.block 
{
	float:left; 
	margin:4px;
}

.thumbs_small .block
{
    margin:9px;
}

.ie6 .block 
{
	margin:3px;
}

/******************************* ITEM VIEW ***************/

#item-display {width:335px;float:left;}

#item-details {float:left; width:300px;}
#item-details ul {list-style:none; padding:0px;}
#item-details ul li{list-style:none; padding:0px;}
#item-details .avatar, .feature, .classy {padding:1px; border:dotted 1px #ccc;}

#item-feedback{float:left; width:100%;}


/******************************** PENDING ITEM UPLOAD ******/

#pending-items .item {border-bottom:1px dotted #ddd;margin-bottom:30px;padding-bottom:3 0px;}
#pending-items .lcol {margin-right:10px;}
#pending-items .rcol {}



/******************************** PAGINATION ******/

.pagination 
{
    margin-top:25px;
    margin-bottom:25px;
    font-size: 80%;
    float:left;
    width:509px;
    text-align:center;
    padding:1em;
}
    
.pagination a {
    text-decoration: none;
	border: solid 1px #ccc;
	color: #333;	
}

.pagination a:hover{
    text-decoration: underline;
	border: solid 1px #ccc;
	color: #333;
	background:#c19cbe;
}

.pagination a, .pagination span, .pagination a:hover, .pagination span:hover {
    /*display: block;
    float: left;*/
    
    padding: 0.8em 0.9em;
    margin-right: 5px;
	margin-bottom: 5px;
	width:15px;
}

.pagination .current {
    background: #874282;
    color: #fff;
	border: solid 1px #ccc;
}

.pagination .current.prev, .pagination .current.next{
	color:#ccc;
	border-color:#ccc;
	background:#fff;
}


.pagination .prev, .pagination .next
{
    float:none;
}


.page {


}
        
.page a {
    text-decoration: none;
	border: solid 1px #ccc;
	color: #333;
}

.page a, .page a:hover, .page span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.thumb-border
{
	padding:2px;
	border: solid 2px #ccc;
}

.thumb-border:hover, a:hover .thumb-border
{
	
	background: #ccc;
	border: solid 2px #b22222;
}


.page a:hover 
{
	background:#ddd;
}

.page .current {
    background: #b22222;
    color: #fff;
	border: solid 1px #ccc;
}

.page .current.prev, .page .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

p.searchthrough
{
    font-size:110%; font-weight:bold;margin: 0px 0px 7px; padding:0px;
}

p.searchthrough a
{
    font-size:90%; font-weight:normal;
    margin:10px;text-decoration:none;
}
p.searchthrough a.active
{
    font-size:120%; font-weight:bold;
}

.tfl-item
{
background: white;
border-bottom: 1px solid #EFEFEF;
clear: both;
float: left;
margin-bottom: 15px;
margin-top: 15px;
padding-bottom: 15px;
width: 640px;
}
.tfl .img
{
float: left;
width: 150px;}
.tfl .info
{
float: left;
width: 450px;
margin-left:10px;}

.info h4
{
    color: #333;
    font-size: 130%;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 10px;
    margin: 0 0 10px;
    padding:0px;
    float:left;
}
.tfl .img-bit img, .img-bit img
{
    vertical-align:middle;
}

.gutter-left-10
{
    margin-left:5px;
}