/* =========================================
    Module Styles for UNITY software v1.4
	CSS for all modules - remove unused
   ========================================= */  



/* community ........................................................................................*/

/* op - original post */
/* choose either blue or purple */

div.discussContent { 
    width: 540px;
    padding-left: 0px; 
    background:url(../gfx/community/blueDown.gif) transparent top left no-repeat; 
    }
 
div.discussContent h1 { 
    padding: 5px 20px;
    }
     
div.discussContent p { 
    padding: 0 20px;
    }
 
div.discussBottom { 
    width: 540px; 
    height: 40px; 
    background:url(../gfx/community/blueDown.gif) transparent bottom left no-repeat; 
    }
    
div.discussContent dl { padding:0;margin-left: 60px; }
div.discussContent .textArea { width: 500px; height: 150px; margin-top: 10px; }
div.discussContent input.button { margin-left: 440px; }
div.discussContent ul { width: 580px;padding: 0 20px 30px 20px;  }

/* new reply ======================================================================*/

div.newreplyTop {  
    width: 540px;
    height: 35px;
    background:url(../gfx/community/purpleUp.gif) transparent top left no-repeat; 
    }
    
div.newreplyContent { 
    width: 540px;
    background: url(../gfx/community/purpleUp.gif) transparent bottom left no-repeat; 
    height: 160px; 
    }

div.newreplyContent h1 { 
    color: white; 
    font-size: 18px;
    padding: 0 0 0 30px;
    }
        
div.newreplyContent .textArea { 
    width: 390px; 
    height: 90px; 
    margin-top: 10px;
    margin-left: 30px; 
    }
    
div.newreplyContent input.button { 
    margin: 80px 0 0 20px; 
    }
    
div.component dl { 
    border: 0; 
    }


/* previous reply ======================================================================*/

div.replyTop { 
    width: 540px; 
    height: 35px; 
    background:url(../gfx/community/purpleOpenUp.gif) transparent top left no-repeat; 
    }

div.replyContent { 
    width: 540px; 
    background: url(../gfx/community/purpleOpenUp.gif) transparent bottom left no-repeat; 
    } 

div.replyContent table th,
div.replyContent table td { 
    padding:0 0 0 15px !important;
    }

div.altTop {background:url(../gfx/bubblesmall-green.gif) transparent top left no-repeat; }
div.altContent { background :url(../gfx/bubblesmall-green.gif) transparent bottom left no-repeat; }

div.replyContent table { 
    width: 520px;
    padding:0 0 0 20px;
    }


div.replyContent table th { padding:0; }
div.replyContent table td.authorInfo { width: 120px; padding:0;padding-bottom:10px; font-size: 95%;}
div.replyContent .textArea { width: 400px; height: 60px; }

div#discussionList { 
    width: 325px; 
    height:800px; 
    float: right; 
    }
    
div#discussionList p.moderatorInfo {
    width: 160px;
    padding-left: 180px;
    }
    
div#discussionList table {
    clear: both;
    }
    
    
h1 span { font-size: 20px; color: black; }


.discussionPanelOuter{ padding-top: 20px; Width:100%;  float:right;  }
.discussionRight {width: 300px; border-left: 2px dotted #CCCCCC; float:right; }
.discussionLeft { width: 400px;float:left; }
.discussionPanel34percent {width: 300px;float:right; }
.discussionPanel66percent { width: 400px;float:left; }


div.previousResponses {width: 460px; }


/* tab wrapper .................................................................................*/
.verticalTabs {   }
.rtsLevel { border-bottom:0px dotted #FA2F85; padding:10px 0; margin-left:-20px; }
div#miniPage { padding-top: 20px;width: 780px;  float: right; }
.RadTabStripVertical .rtsOut { height:38px; width:120px; background:url(/Brand/gfx/secondTab.gif) no-repeat top left; font-family: arial; }
.RadTabStripVertical .rtsTxt {  margin-top: 1px; padding-top: 6px; font-size: 12px;}
.RadTabStripVertical .vTabOver { height:43px; width:120px; background:url(/Brand/gfx/secondTab.gif) no-repeat top left;  }
div.tabPanel h3 { padding:2em 0 1em 0; }

.rtsTxt { font-weight: bold; font-size: 14px !important; line-height:10px;padding-left: 12px !important; margin-top: 20px !important; background:url(../gfx/menuBlock.gif) transparent top left no-repeat;}

.tabSelected, .tabHovered { background:url(/Brand/gfx/thirdTab.gif) no-repeat top left !important;}


/* photoAlbum ..................................................................................*/
#photoAlbum { clear: both; border:0px solid red; width:840px; background-color:White; padding:10px; float: left;}
#photoAlbum a:link, #photoAlbum a:visited { font-size: 12px; }
#photoAlbum a:hover, #photoAlbum a:active { font-size: 12px; text-decoration: none; }

.album 
{
}

.albumFloat 
{
    float: left;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 4px;
}

.albumFloat p { clear:both; height: 30px; width: 840px; float: left; }

.albumDetailsLink 

{
display: none;

}

.albumMetaSectionHead 
{
	background-color: Gray;
	color: White;
	font-weight: bold;
}

.albumMetaName 
{
	font-weight: bold;
}

.albumMetaValue 
{
}

.center
{
	text-align: center;
}



/* box links ..........................................................................................*/
div#messageBoard {
    width: 96%;
    padding-left: 10px;
    float: left;
    }
    
p.adminLinks1 {
    width: 80px; 
    float: left;
    }
    
p.adminLinks2 {
    width: 120px;
    margin-left: 50px;
    float: left;
    }
    
div#messageBoard div.postItNote { 
    padding: 40px 50px 10px 55px;
    }
    
div#messageBoard .postItNote p { 
  /*  border:1px solid yellow;*/
    }


/* box links ..........................................................................................*/
div#atHome { padding-left: 15px; }
div#atHome div.green { width:290px; }
div#boxLinks { width:100%; height: 78px; clear: both; border:1px solid #999999; background:url(/Brand/gfx/yellowGrad.gif) repeat-x top left; /*background-color: #B1FF00;*/ float: left; }
div#boxLinks ul { width: 147px;height: 48px;padding:15px;margin:0; float: left; border-right:1px solid #999999; }
div#boxLinks ul.lastOne { border:0; width: 148px;}
div#boxLinks li  { padding:0;margin:0;font-size:100%; line-height: 1.2em; font-family: arial, verdana; }
div#boxLinks ul:hover { background-color: #FFFF00; }


/* polls .............................................................................................*/
div#polls h1 { margin:0; padding:0.2em 0 .4em 0; color: #FA2F85; }
div.allPolls { width: 200px; height: 200px; padding:10px; margin: 0 10px 10px 0; float: left; }
div.allPolls div span { font-size: 1.1em; }
div.allPolls table td { font-size: 0.8em; }

div.pollBox { width: 204px; height: 160px; border:2px solid #56B906; background-color:#FA2F85 ; margin: 20px 0 0 0; padding:10px; float: left; }
div.pollBox h3 { color: #000000; border-bottom: 2px dotted #56B906; margin:0 0 10px 0; padding:0 0 5px 0; }
table {color: #000000; }


/* profile page ......................................................................................*/
div.notLoggedIn { height: 300px; padding: 30px; }
div.notLoggedIn img { padding: 20px; float: left; }
div.notLoggedIn h2 { padding-top: 90px; }
div#leftProfile { width: 490px; padding-left: 30px; float: left; }
div#rightProfile { width: 440px; float: left; }
div#rightProfile div.profileScroller { width: 440px; height: 500px; padding-top: 58px; overflow-x: hidden; overflow-y: auto; float: left; }
dl#yourImage { width: 90px; height: 140px; margin: 0 5px 0 0; padding: 10px; float: left; background-color: #F2F2F2; }
dl#yourNewImage { width: 280px; height: 140px; padding: 10px 20px; float: left; background-color: #F2F2F2; }
dl#yourName { width: 532px; margin: 0 10px 10px 0; }
dl#favouriteForums { width: 532px; margin: 0 10px 10px 0; }



/* simple CSS gallery .................................................................................*/
#galleryContainer { position:relative; float:left; width:210px; height:320px; margin:20px auto 0 auto; background:#fff url(../images/back.jpg) 75px 10px no-repeat; border:1px solid #FFFFFF;}
#galleryContainer ul {width:204px; height:386px; padding:0; margin:2px; list-style-type:none; float:right;}
#galleryContainer li {float:left; padding:0 2px 2px 0;}

#galleryContainer a.gallery, #galleryContainer a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#galleryContainer a.slidea {background:url(../../Images/Gallery1/Thumbs/Image1.jpg); height:57px; width:60px;}
#galleryContainer a.slideb {background:url(../../Images/Gallery1/Thumbs/Image2.jpg); height:57px; width:60px;}
#galleryContainer a.slidec {background:url(../../Images/Gallery1/Thumbs/Image3.jpg); height:57px; width:60px;}
#galleryContainer a.slided {background:url(../../Images/Gallery1/Thumbs/Image4.jpg); height:57px; width:60px;}
* html #galleryContainer a.slided {width:91px; }
#galleryContainer a.slidee {background:url(../../Images/Gallery1/Thumbs/Image5.jpg); height:57px; width:60px;}
#galleryContainer a.slidef {background:url(../../Images/Gallery1/Thumbs/Image6.jpg); height:57px; width:60px;}
* html #galleryContainer a.slidef {width:91px;}
#galleryContainer a.slideg {background:url(../../Images/Gallery1/Thumbs/Image7.jpg); height:57px; width:60px;}
#galleryContainer a.slideh {background:url(../../Images/Gallery1/Thumbs/Image8.jpg); height:57px; width:60px;}
#galleryContainer a.slidei {background:url(../../Images/Gallery1/Thumbs/Image9.jpg); height:57px; width:60px;}
#galleryContainer a.slidej {background:url(../../Images/Gallery1/Thumbs/Image10.jpg); height:57px; width:60px;}
#galleryContainer a.slidek {background:url(../../Images/Gallery1/Thumbs/Image11.jpg); height:57px; width:60px;}
* html #galleryContainer a.slidek {width:91px; }
#galleryContainer a.slidel {background:url(../../Images/Gallery1/Thumbs/Image12.jpg); height:57px; width:60px;}

#galleryContainer a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; background:#fff; overflow:hidden;}
#galleryContainer a.gallery:hover {border:1px solid #fff;}
#galleryContainer a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#galleryContainer a.slideb:hover img, #galleryContainer a.slidei:hover img {float:right;}
#galleryContainer a.gallery:hover span {position:absolute; width:372px; height:320px; top:0px; left:220px; color:#000; }
#galleryContainer a.gallery span.show {position:absolute; width:372px; height:320px; top:0px; left:220px; color:#000; }






/* slide panel .................................................................................*/
a:focus {
	outline: none;
}
#panel {
	/*background: #000000; #754c24;*/
	background: url(images/panelBack.gif) no-repeat #FFFFFF top left;
	height: 240px;
	width: 300px;
    
   display:none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 0px #422410;
	background: url(/Brand/images/VTabWrapper/images/loginBckGnd.gif) no-repeat center top;
}
.btn-slide {
	background: url(/brand/images/VTabWrapper/images/white-arrow[1].gif) no-repeat right -50px;
	text-align: center;
	width:300px;
	height: 40px;
	padding: 00px 0px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	margin-top:00px;
}
.active {
	background-position: right 12px
	}