/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
}

html {
	background: #1d1d1d url(../images/bk2.jpg); background-repeat:repeat-x ;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 960px;  
	margin: 0 auto; 
	margin-top:10px;
}
#Container { 
	width: 960px;
	padding-bottom: 0px;
	margin-top:10px;
}

#gallerybox { position:relative; float:left; width:270px; height:220px; text-align:center;}
#object { position:relative;}
#objecttext { position:relative;}

#homepic { position: relative; margin-left:-7px; margin-top:-40px;}
#hometext1 { position: relative;  width:500px; top:15px; margin-bottom:20px; margin-left:10px;}
#hometext2 { position: relative;width:265px; float:left; top:20px;  margin-left:10px;}
#homecol1 { position: relative; width:120px; float:left; top:10px; }
#homecol2 { position:relative; width:120px; float:left;top:10px; margin-left:10px;}
#topbughome { position:absolute; width:113px; height:113px; background: url(../images/topbughome.png) no-repeat; margin-left:460px; margin-top:-40px;}

#hometext3 { position: relative; width:265px; margin-right:10px;float:right}

#avail { position:relative; width:100%; text-align:center; font-size:14px;}
#avail a{color:#1d98d4; text-decoration:underline;}
#enqbut { position:relative; width:135px; margin:0px auto; height:21px; text-align: center; background:url(../images/enqbut.png) no-repeat; font-size:14px; color:#FFF; padding-top:4px; margin-top:20px;}

#Ecopy { width:560px;}
#Ecol1 { position: relative; float:left}
#Ecol2 { position: relative; float:left; margin-left:5px;}

#Layoutwrapper { position:relative; float:left; width:960px; height:100%;}

#Layoutbk{ position:absolute; width:960px; height:100%; overflow:hidden; background-image: url(../images/bodybk2.png); background-repeat:repeat-y;}

#Layout {
	position: relative;
	width: 910px;
	padding:25px;
	padding-top:0px;
	clear: both;
	overflow: hidden;
}

#Layoutc {
	position: relative;
	width: 600px;
}

#ForumContent {
	width: 598px;
	float: right; 	
	margin: 0;
	text-align: left;
}

#Content {
	width: 598px;
	float: right; 	
	margin: 0;
	text-align: left;
}



#newbugbk { position:absolute;}
#newbugcover { position:absolute; left:0px; top:0px; width:88px; height:88px;}
#newbugbound { position: relative; float:left; width:88px; height:190px; background:url(../images/newbugbk.png) no-repeat; margin-left:13px;margin-right:10px; overflow:hidden;}
#newbugbutton { position:absolute; top:150px;left:23px;}
#cTitle { position:relative; float:left; width:585px; height:28px;background-image: url(../images/contenttitlebk.png); background-repeat: no-repeat; font-size:18px; font-weight:500; color:#FFF; padding-left:8px; padding-top:2px;}
#cCopy { position:relative; color:#005298; float:left; width:565px;background-image: url(../images/contentbodybk.png); background-repeat:repeat-y; padding:10px;}
#cCopy p{ 	color: #005298;
 	line-height: 18px;
 	font-size: 12px;}
#cCopy H5{ color:#005298; font-size:18px; margin-bottom:10px; font:Helvetica, sans-serif;}
#cCopy h6{ color:#333; font-size:14px;}
#cCopy a{color:#1d98d4; text-decoration:underline;}
#cFooter { position:relative; float:left; width:585px; height:24px;background-image: url(../images/contentbottom.png); background-repeat: no-repeat;}
#cFooter p{ margin-top:-6px;}
#cFooter a{ text-decoration:none; color:#005298;} 
#widtop   {position:relative; float:left; width:290px; height:28px;background-image: url(../images/widtop.png); background-repeat: no-repeat; font-size:18px; font-weight:500; color:#FFF; text-align:right; padding-right:10px; padding-top:2px; margin-top:0px;}
#widbk    { position:relative; float:left; width:260px;background-image: url(../images/widbk.png); background-repeat:repeat-y; padding:20px;}
#widbk    a{ text-decoration:none; color:#666; }
#widbot   { position:relative; float:left; width:300px; height:18px;background-image: url(../images/widbot.png); background-repeat: no-repeat; margin-bottom:10px;}

#ForumProfileAvatar { background:#FFF; height:90px;}

#searchwidget { position:relative; float:right; width:280px;background-image: url(../images/searchbk.png); background-repeat: no-repeat; height:55px; padding:10px; padding-top:35px;}

#widgetarea { position:relative; float:right; width:300px;}
/* HEADER
----------------------------------------- */
#Header { 
 	width: 960px;
	height:162px;
 	margin: 0 auto;
	overflow: hidden; 
	background-image:url(../images/headerbk.png);
	background-repeat:no-repeat;
}

#section { position:relative; width:100%; margin-bottom:10px; height:113px; margin-left:10px; }
#secimg { width:113px; height:113px; position:relative; float:left; vertical-align: middle;}
#sectext { position:relative; float:left; width:420px; margin-left:10px;}

#logo { position: relative; float:left; width:300px; height:134px; left:55px; top:15px;}

#topbugL { position: absolute; width:75px; height:75px; left:140px; top:140px;}
#topbugS { position:absolute; left:45px; top:45px;}
#topbugSS { position: absolute; width:45px; height:45px; left:50px; top:50px;}

#RegisterLogin { position: relative; float: right; width:290px; text-align:left; height:51px; background:url(../images/loginbk.png) no-repeat; color:#333; padding:5px; right:15px;}
#RegisterLogin p{ text-align:left; color:#333;}
#RegisterLogin a{ text-decoration:none; color:#333;}
#go { position:relative; float:right; width:46px; height:29px; margin-top:-32px; margin-right:6px;}
#boxs { background:url(../images/feilds.png) no-repeat; width:223px; height:37px; text-align:right; padding-right:10px; position: relative; float:left; }
#quickview { width:96px; height:190px; position:relative; float:left; text-align:left; margin-right:4px;}
#quickviewtitle {  height:33px; font-size:10px; color:#005298;}
#loggedin { position:relative; width:280px; text-align:center; margin-top:0px; padding:5px; padding-top:2px; }
#button {position:relative;float:right; width:91px; height:15px; background:url(../images/button.png) no-repeat; text-align:center; padding-top:3px; color:#FFF; margin-left:2px;}
#inas { position:relative; float:left; width:290px; height:10px;text-align:left; font-size:10px; margin-bottom:15px;}

#UserProfile { color:#333}
#UserProfile p{ color:#333}
#UserProfile a{ color:#005298}
#buglist { position:relative; width:560px; height:90px; background-image:url(../images/infobk.png); background-repeat:no-repeat;color:#333;}
#buglist p{ color:#333;}
#buglistavitarcontainer { position:relative; float:left; width:82px;height:82px;}
	#buglistavitar { position:absolute; width:82px; height:82px; overflow:hidden;}
	#buglistavitarcover { position:absolute;width:80px; height:80px;}
#buglistname { position:relative; float:left; width:105px; height:82px; overflow: hidden; top:3px; left:5px;}
#buglistinfo { position:relative; float:right; width:360px; height:85px; top:3px;}
	#buglistinfotitlehead { position:relative; float:left; width:358px; height:20px;}
		#buglistinfotitle { position:relative; float:left; width:70px; height:15px;}
		#buglistinfodate { position:relative; float:right; width:150px; height:15px;}
	#buglistabout { position:relative; float:left; width:350px; height:60px; overflow:hidden; margin-top:-5px;}

#memlist a{ text-decoration:none; color: #333; font-size:12px;}
#memlistinfo { position:relative; float:left; margin-left:8px;margin-top:5px; width:105px; height:80px; margin-right:5px}
#memlisttitle { padding:0px; margin:0px;}
#latest { position:relative; float:left; width:105px; font-size:9px; color:#000;}
#latest p{ color:#000;}
#latest a{ text-decoration:none; color: #333; font-weight:400; font-size:12px;}
#conline a{ text-decoration:none; color: #333; font-weight:400; font-size:12px;}
#newbuginfoname { text-decoration:none; color: #333; font-weight:500; font-size:12px; position:relative; float:left; margin:0px;}
#newbuginfo { padding:5px; width:80px; position:relative; float:left; margin:0px;}
#newbuginfo2 { padding:5px; width:80px; position:relative; float:left; margin:0px;}
#conline { position:relative; float:left;  overflow:hidden; font-size:9px; height:225px; overflow:hidden;}
#avit { position:relative; width:90px; height:90px; overflow:hidden;}
#avcover { position:absolute;  height:90px; width:90px;}
#sortby { position: absolute; width: 309px; height:20px; padding:5px;font-size:10px; color:#333; left:250px; top:9px; text-align:right;}
#sortby a{ text-decoration: underline; color: #005298; font-weight:500; font-size:10px;}
#profileavitC { position: relative; float:left; width:193px; height:194px; margin-bottom:15px; overflow:hidden;}
#profileavit { position:absolute;}
#profileinfo { position:relative; float:left; width:303px; margin-left:1px;}

#twbox { position: relative; margin-top:10px; margin-left:-15px;}
#twtop { position:relative; width:287px; height:10px; background:url(../images/twtop.jpg) no-repeat;}
#twbk  { position:relative; width:287px;  background:url(../images/twbk.jpg)  repeat-y;}
#twbot  { position:relative; width:287px; height:10px; background:url(../images/twbot.jpg) no-repeat;}
#twdate { position: absolute; width:70px; left:210px; height:15px; color:#FFF}
#twtext { width:185px; padding:5px; }



#pb2head { position:relative; float:left; width:363px; background:url(../images/pb2head.png) no-repeat; height:15px; }
#pb2copy { position:relative; float:left; width:343px; background: url(../images/pb2bk.png) repeat-y; padding-left:10px; padding-right:10px;}
#pb2footer { position:relative; float:left;  width:363px; margin-bottom:10px; background:url(../images/pb2footer.png) no-repeat; height:19px;}

#pb1head { position:relative; float:left; width:191px; background:url(../images/pb1head.png) no-repeat; height:15px;}
#pb1copy { position:relative; float:left; width:171px; background:url(../images/pb1bk.png) repeat-y;  padding-left:10px; padding-right:10px; }
#pb1footer { position:relative; float:left; width:191px; margin-bottom:10px; background:url(../images/pb1footer.png) no-repeat; height:19px; }

#profcol1 {position:relative; float:left; width:195px; height:340px; }
#profcol2 {position:relative; float:left; width:360px; margin-top:-337px; left:200px; }

#mediacontainer{ position:relative; width:560px;left:3px;top:5px;}
#mediatop { position:relative; float:left; width:560px; height:20px;background-image:url(../images/mediatop.png); background-repeat:no-repeat; margin-top:20px; }
#media { position:relative; float:left; width:540px;background-image:url(../images/mediabk.png); background-repeat: repeat-y; padding:10px; text-align:center;}
#mediabot { position:relative; float:left; width:560px; height:20px;background-image:url(../images/mediabot.png); background-repeat:no-repeat;}

#Atab { position:relative; padding:0px; margin:0px; margin-left:10px; margin-top:-2px;}
#AtabC { position:relative; float:left; height:25px; background:#0f69a6; padding-top:2px;}
#Atabend { position:relative; float:left; height:27px; width:91px;background:url(../images/tabend.png) no-repeat;}

 	#Header h1 { 
	  	color: #fff; 
		font-size: 3.2em; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
		padding: 20px 0 0 30px;
	}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}
	
#OpenIDDescription {
	visibility:hidden;
	position: absolute;
	display: none;
	left: 700px;
	border: 3px solid #e1f0f7;
	outline: 2px solid #bed6e1;
	padding: 5px;
	width: 320px;
	background-color: #FFFFFF;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	position: relative;
	float:right;
	width: 500px;
	margin-top:-75px;
	padding-top: 5px;
	overflow: hidden;
}
	#Navigation ul { 
 		float: right; 
		margin-right: 5px;
	}
		#Navigation ul li { 
	 		list-style: none; 
			margin: 0px; 
			float: left;
			line-height: 2.8em;
			display: block;
		}
  			#Navigation ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				height: 2.3em; 
				font-size: 14px;
				font-weight: 500;
				padding: 0 0 0 5px;
				color: #fff;
			}
				#Navigation ul li a span {
					text-align: center;
	        		float: left;
					padding-right: 10px;
					height: 2.3em;
				}
					#Navigation ul li a:hover { 
						color: #fff;
						cursor: pointer;
					}
					#Navigation ul li a:hover span {
						cursor: pointer;
					}
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { 
				 	color: #444;
					}
				#Navigation ul li a.current span,
				#Navigation ul li a.section span,
	    		#Navigation ul li a.section:hover span,
				#Navigation ul li a.current:hover span {
					color: #444;
				}
    
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}


/* SIDEBAR
-------------------------------------- */
#Sidebar {
	position: relative; float:right; width:300px;
	
}


	#Sidebar .sidebarBox  {
		width:300px;
		 
	}
	#Sidebar ul {
		margin: 2px 0 5px 3px;
	}
		#Sidebar li {
			margin: 8px 2px;
			list-style: none;
		}
	#Sidebar h3 {
		
		
		text-align:right;
		text-transform: lowercase;
		color: #fff;
		font-weight: 700; 
		font-size: 1.4em; 
		
		
	}
	
	#Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 300px;
		margin: -5px 0 0 0;
	}
	#Sidebar a em {
		font-style: normal;
	}
	#Sidebar p {
		font-size: 11px;
	 	clear: both;
	 	margin: 10px 10px 0 10px;
		
	}
	
	/* MENU2 */
    ul#Menu2 li { 
    	font-size: 0.9em;
		padding:10px;
        list-style: none;
		margin:0px;
		margin-left:-2px;
		width:280px;
    }
    	ul#Menu2 li a {
            display: block;
            width: 196px;
            font-size: 1.2em;
            height: 1.8em;
            line-height: 1.8em;
            color: #898989;
      	}
			ul#Menu2 li em {
				padding-left: 8px;
				display: block;
			}
				ul#Menu2 li li em {
					padding-left: 0;
				}
      	/* Level 1 
      	- We use 3 elements for the nav to get 3 background images applied.
            * span - topleft rounded corner
            * em - bottomleft rounded corner
            * a - arrow on the right
            <a><span><em></em></span></a>
      	*/
      	ul#Menu2 li a:hover,
      	ul#Menu2 li a.current,
      	ul#Menu2 li a.current:hover {
        	background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;
        	color: #666;
			cursor: pointer;
            text-decoration: none;
      	}
	  	ul#Menu2 li a.current {
	  		font-weight: 700;
	  	}
      	ul#Menu2 li a.section,
      	ul#Menu2 li a.section:hover {
            background: #DCDCDC;
            font-weight: 700;
            width: 193px; 
      	}
      	ul#Menu2 li a.levela:hover span,
      	ul#Menu2 li a.current span,
      	ul#Menu2 li a.section span,
      	ul#Menu2 li a.section:hover span,
      	ul#Menu2 li a.current:hover span {
			background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;
			display: block;
			width: 100%;
			height: 100%;
		} 
		ul#Menu2 li a.levela:hover em,
		ul#Menu2 li a.current em,
		ul#Menu2 li a.section em,
		ul#Menu2 li a.section:hover em,
		ul#Menu2 li a.current:hover em {
        	background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;
			display: block;
			width: 100%;
            height: 100%;
      	}
      		ul#Menu2 li ul {
            	height: 100%;
            	margin: -4px 0 0 0;
            	width: 193px;
            	padding: 4px 0 10px 0;
            	background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;
      		}
      			ul#Menu2 li ul li {
            		width: 160px;
            		background: #DCDCDC;
            		padding: 0;
            		font-size: 0.8em;
            		display: inline;
            		margin: 0;
      			}
      				ul#Menu2 li ul li ul {
            			background: #DCDCDC;
            			margin-left: 0;
      				}	
      
					ul#Menu2 li li a.current,
      				ul#Menu2 li li a.section,
      				ul#Menu2 li li a.section:hover,
      				ul#Menu2 li li a.current:hover {
            			color: #555;
            			font-weight: 700;
            			background: #DCDCDC;
      				}
      					ul#Menu2 li li ul {
            				margin: 0 0 0 10px;
            				padding: 0;
            				width: 175px;
      					}
      					ul#Menu2 li li ul .roundWhite {
            				margin-bottom: -10px;
      					}
      			
			/* Sub Menu */
      		ul#Menu2 li a.levelb {
            	font-size: 1.7em;
            	text-indent: 8px;
            	width: 188px;
				background: transparent;
            	margin-left: 10px;
      		}
	  		ul#Menu2 li a.levelb:hover,
      		ul#Menu2 li li a.current,
      		ul#Menu2 li li a.current:hover,
      		ul#Menu2 li li a.section,
      		ul#Menu2 li li a.section:hover {
            	background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;
            	text-decoration: none;
            	display: block;
            	color: #fff;
      		}
      		ul#Menu2 li a.levelb:hover span,
      		ul#Menu2 li li a.current span,
      		ul#Menu2 li li a.current:hover span,
      		ul#Menu2 li li a.section span,
      		ul#Menu2 li li a.section:hover span {
            	background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;
            	display: block;
            	width: 100%;
            	height: 100%;
      		} 	
      		ul#Menu2 li a.levelb:hover em,
      		ul#Menu2 li li a.current em,
      		ul#Menu2 li li a.current:hover em,
      		ul#Menu2 li li a.section em,
      		ul#Menu2 li li a.section:hover em {
            	background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;
            	display: block;
            	width: 100%;
            	height: 100%;
      		}

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
		border:2px #CCC solid;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

#Footer { 
 	clear: both;
	padding:25px;
	padding-top:11px;
	width: 910px; 
	height: 21px;
	background: url(../images/footerbk.png) no-repeat;
	text-align: left; 


	}
  	#Footer p { 
		color: #fff;
		font-size: 1.1em;
		text-align: right;
		margin-top:4px;
	}
  		#Footer a { 
	   		color: #fff; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #fff;
				text-decoration: underline;
			}