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



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

/* op - original post */
div.discussTop { height: 20px;background:url(../gfx/bubbleGreen.gif) transparent top left no-repeat; }
div.discussContent { background:url(../gfx/bubbleGreen.gif) transparent bottom left no-repeat; height: 300px; }
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: 460px;height: 40px;background:url(../gfx/bubblesmall-purple.gif) transparent top left no-repeat; }
div.newreplyContent { width: 460px;background:url(../gfx/bubblesmall-purple.gif) transparent bottom left no-repeat; height:210px; }
div.newreplyContent h1 { color: white; padding-left: 30px; }
div.newreplyContent dl { padding:0; margin-left: 40px; }
div.newreplyContent .textArea { width: 360px; height: 110px; margin-top: 10px; }
div.newreplyContent input.button { margin-left: 300px; }
div.component dl { border:0; }


/* previous reply */
div.replyTop { height: 40px; background:url(../gfx/bubblesmall-blue.gif) transparent top left no-repeat; }/*background-color:Lime;*/
div.replyContent { background: url(../gfx/bubblesmall-blue.gif) transparent bottom left no-repeat; } 

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 { padding:0 10px; width:100%; }
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.discussList {  width: 290px;height:400px; float: right; }
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.postItNote { padding-left:60px;padding-right:45px; padding-top:60px;padding-bottom:20px; }



/* box links ..........................................................................................*/
div#atHome { padding-left: 15px; }
div#atHome div.green { width:290px; }
div#boxLinks { width:100%; height: 78px; clear: both; border:1px solid #8A908D; 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 #8A908D; }
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 ......................................................................................*/
dl#yourImage { width: 200px; height: 140px; margin: 0 10px 10px 0; }
dl#yourNewImage { width: 300px; height: 140px; margin: 0 10px 10px 0;}
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
	}