@charset "UTF-8";
/* CSS Document */


*{
	margin:0;
	border:none;
	padding:0;
	outline: 0;
}

html{
height:100%;	
}
body{
	margin:0;
	background-color:#F2F3F3;
	/*background: url("../images/bgTile.gif") repeat top left;*/
	font-family:georgia;;
	color:#333;
	
height:100%;
	
}

a{color:#333; text-decoration:none}

a:hover{text-decoration:underline}

.formEl{
width:100%;
font-size:14px;
margin-bottom:10px;
margin-top:10px;
background-color:#CCC
}


.container{
	width:100%;
	height: 100%;
	overflow:visible;
    min-height:100%;
	margin-bottom:0px;

}

.clearer{
clear:both;	
}

#wrap{
width:980px;
min-height: 100%;
margin-bottom:45px;
height:100%;

}


h1{
color:#000;	
}


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

/* Class to breakout a strip of text adds borders round it etc */

.breakOut{
border-top:#666 1px solid; border-bottom:#666 1px solid; padding-top:4px; padding-bottom:10px; margin-top:20px;
}


#strapLine{
	float:left;
	position:relative;
	width:420px;
	padding:5px;
	margin-top:40px;
	font-size:24px;
	margin-left:5px;
	text-align:left;
	color:#666;
	line-height:26px;
	font-weight:lighter;
	font-style: italic;
}

#mainHolder{
	background:url("../images/grid.gif") repeat-y top left;
	width:602px;
	float:left;
	min-height:100%;
	clear:after;
	padding-left:34px;	
}

#secondaryColumn{
	padding-top:5px;
	width:250px;
	float:left;
	clear:after;
	padding-left:15px
}

#secondaryColumn img{
display:block;	
}


#topLevelText{min-height:90px; padding:5px; height:90px;}



.pageHeader{
	clear:both;
font-size:38px;
font-style:italic;
color:#000;
padding-left:7px;
margin-bottom:20px;
margin-top:20px;
border-top:#666 1px solid; border-bottom:#666 1px solid; padding-top:4px; padding-bottom:10px
}

.sansMarg{
padding:0px;
margin-bottom:0px;
border:0px;

}


.header{
	background-color:#000;
	padding-left:5px;
	padding-bottom:10px;
	color:#FFF;
	font-style: italic;
	font-size: 16px;
	padding-top: 5px;
}




#categories{
	margin-top:55px;
}

#categoryList ul{
	list-style:none;
	
}

#categoryList li{
	list-style:none;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:8px;
	font-size:14px;
	font-family:arial;
	border-bottom:#E2E1E4 1px solid;
	
}

#categoryList a{
	color:#666;
	text-decoration:none;
	
}


.selected{

/*background-color:#000000;*/
background-image:url(../images/navBg.png);
color:#333333;
border-bottom:none;

/*
-moz-box-shadow: 4px 4px 5px #C5C5C7;  
-webkit-box-shadow: 4px 4px 5px #C5C5C7;  
box-shadow: 4px 4px 5px #C5C5C7;  
*/
}



#instruct{
	padding:5px;
	margin-bottom: 10px;
}


/* Styles for back btn*/

#back{
	font-size:28px;
	width:150px;
	margin-left:0px;
	text-align:center;
	height:50px;
	position:relative;
	padding-top:40px;
	font-style:italic;
	float:left;
}

#back a{
color:#000;	
text-decoration:none;
}

#back a:hover{
color:#000;	
text-decoration:underline;
}

#back a:visited{
	color:#000;
	text-decoration:none;
	font-style: italic;
}

#back p{
	font-size:11px;
	color:#666;
	bottom:7px;
	width:150px;
	text-align:center;
	position:absolute;
	left: 1px;
	font-style: italic;
}





/* Styles for create btn*/

#create{
	font-size:28px;
	width:150px;
	text-align:center;
	height:50px;
	float:right;
	position:relative;
    left:-1px;
	padding-top:40px;
	font-style:italic;
	
}

#create a{
color:#000;	
text-decoration:none;
}

#create a:hover{
text-decoration:underline;

}

#create a:visited{
	color:#000;
	
	font-style: italic;
}

#create p{
	font-size:11px;
	color:#666;
	bottom:7px;
	width:150px;
	text-align:center;
	position:absolute;
	left: 1px;
	font-style: italic;
}

.createActive{
	padding-top:50px;
	background-color:#000;
	/*background-image:url(../images/topNavBg.png);*/
	color:#FFF;
}

.createActive a{

	color:#FFF;
}



/*Styles for view navigation*/

#nav{
clear:both;
margin-top:55px;
border-bottom:#333 3px solid;
width:600px;
padding:0px;
}


.viewNav{
	
	width:600px;
	
}

.viewNav ul{
list-style:none;


}

.viewNav li{
	list-style:none;
	float: left;
	width:150px;
	font-style:italic;
	padding-top: 5px;


}

.viewNav .active{
	background-color:#000;
	/*background-image:url(../images/mainNavBg.png);*/
	color:#FFF;
	padding-top: 5px;
	padding-bottom: 20px;
	font-weight:strong;
}



.viewNav a{
padding-left:5px;
width:150px;
color:#666666;
text-decoration:none;
}

.viewNav a:hover{
text-decoration:underline;
}


.viewNav #pageNumMenu{
position:relative;
/*top:-5px;*/
float:right;

}



/* Styles for boardholder*/

#boardsHolder{
	clear:both;
	margin:0px;
	padding:0px;
}

.boardDisplay{
margin-bottom:25px;	
position:relative;
}

.boardDisplay img{
	display:block;
}

.blackOut{
position:absolute;
width:600px;
height:250px;
top:0;
display:none;
background-color:#000;
}


    
/* Styles for Link Element Revealed When Roll Over Board */
.links {
	text-align: center;
	background: #333333;
	/*border: solid 1px #ccc;*/
	width: 170px;
	padding: 5px 0;
	position: absolute;
	display: none;
}

.links img{
display:inline;
padding-left:10px;
padding-right:10px;
}

.links a{
	color:#FFF;
	vertical-align:top;
	text-decoration:none;
	position:relative;
	top:5px;
}

.links a:hover{
	text-decoration:underline;
}




.boardDisplay img:hover .blackOut{
	display: block;
	opacity:.7;
}



.boardInfo {
font-family:arial;
margin-top:5px;
letter-spacing:0px;
color:#666;
}

.boardInfo li{
	font-size:12px;
	list-style:none;
	width:145px;
	float:left;
	padding-left:5px;
}


.boardInfo .share{
	font-size:12px;
	list-style:none;
	width:75px;
	float:left;
	
}


.boardInfo a{
color:#666;
text-decoration:none;
}

.boardInfo a:hover{
color:#000;
}


.boardInfo li.ratingUp,li.ratingDown{
	list-style:none;
	float:right;
	text-align:right;
	width:55px;
	padding-left: 0px;
	padding-right:5px;
}

.boardInfo li.ratingUp span,li.ratingDown span{
	vertical-align:super;
	padding-left:5px;
	
	
}

.boardInfo li.ratingUp img,li.ratingDown img{
	display:inline;
}

.boardInfo li.ratingUp img:hover,li.ratingDown img:hover{
	cursor:pointer;
}

.rateSuccess {
	text-align: center;
	width: 100px;
	position: absolute;
	display: none;
}

.rateFail {
	text-align: center;
	width: 100px;
	position: absolute;
	display: none;
}

#createHolder{
	margin-top:10px;	
}

/* REPORT STYLES */

#primaryFormDiv{
width:290px;
float:left;
padding:5px;
}

#primaryFormDiv p{
margin-bottom:5px;
}




#secondaryFormDiv{
width:290px	;
float:left;
padding:5px;
	
}

  
.sub-btn{
	text-align:right;
	padding-right: 10px;
}
.sub-btn input.round-btn{background-color:#000;width:140px;height:31px;border:0;color:#CCC;font-size:14px;margin-left:3px; text-align:center}
.sub-btn input.round-btn:hover{width:140px;height:31px;border:0;color:#FFF;font-size:14px;margin-left:3px; cursor:pointer}
.sub-btn input.disabled,.sub-btn input.disabled:hover{color:#aaa;cursor:default;}

/*styles for created page*/

#message{
margin-top:15px;
padding-left:5px;
}



/*styles for created page*/

#memberMessage{
margin-top:40px;
padding-left:5px;
}

/*styles for authenicate page*/


#thanks{
margin-top:40px;	
}

.step{
width:595px;
margin-top:30px;
margin-bottom:10px;
background-color:#000;
color:#FFF;
padding-left:5px;
padding-top:5px;
padding-bottom:10px;
font-size:18px;
}

.stepContent{
padding-left:5px;	
width:595px;
}


.pager{

width:150px;
font-family:georgia;
font-size:14px;
float:right;
position:relative;
top:-5px;
height:30px;


}

.pager div span{
color:#8C8A8A;
}

.older{
padding-right:5px;
width:70px;
position:relative;
top:-4px;
text-align:right;
float:right;
}

.newer{

width:75px;
text-align:right;
float:right;
position:relative;
top:-4px;
}

.pager a{
color:#333;
text-decoration:none;

}

.pager a:hover{
text-decoration:underline;
}

.pager span{color:#CCC}

.pageNum{
position:relative;
top:-3px;
color:#666;
font-size:20px;
text-align:right;
padding-right:5px;
padding-bottom:1px;
}



#pagerHolder{position:relative; width:600px; clear:both; border-top:#666 1px solid; border-bottom:#666 1px solid; padding-top:10px; padding-bottom:10px; margin-top:5px; margin-bottom:75px; background-color:#EAEAEA; text-align:right; }


#pagerHolder a{color: #666; height:100%; padding:10px; text-decoration:none}

#pagerHolder a:hover{background-color:#C4C4C4; color:#333;}

#pagerHolder .active{background-color:#C4C4C4; color:#333; height:100%; padding:10px; }

#pagerHolder .faded{color:#BFBFBF; padding:10px;}


#pagerHolder .pageNum{position:absolute; top:-30px; right:0}


#footer{
position:fixed;
bottom:0px;
font-size:12px;
background-color:#CCCCCC;
clear:both;
min-height:20px;
text-align:left;
padding-top:10px;
padding-left:35px;
padding-bottom:5px;
width:100%;
margin-top:15px;


}

#footer ul {
left:auto;
list-style-type:none;
margin:0;
padding:0;
}


#footer li {
display:inline;
width:150px;
padding-right:25px;
}

#footer a {
color:#666;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

.termsCopy{padding:5px; padding-right:10px; margin-bottom:20px; margin-top:10px;}

.disabled {
	color: red;
}
.active {
	color: green;
}
.resolved {
	text-decoration: line-through;
}

#twitter{
	position:absolute;
	left:558px;
	top:5px;
	
	float:right;

padding-bottom:5px;
}


#postCreateInfo{
width:590px; clear:both; padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:5px; border-top:#666 1px solid; border-bottom:#666 1px solid; background-color:#EAEAEA;	
}