/*
****************************************************************
SCREEN HTML STYLES
*****************************************************************
*/
div.root
{
	background : url(../images/header/headerTopBorder.jpg) repeat-x top left;
}

div.panel.header
{
	width : 995px;
	margin : 0px auto 0px auto;
	padding-top : 5px;
	position : relative;
}

div.panel.header div.middle
{
	height : 63px;
	position : relative;
}
div.panel.header div.middle div.logo
{
	width : 234px;
	height : 63px;
	float : left;
}
div.panel.header div.middle div.logo a,
div.panel.header div.middle div.logo a img
{
	width : 234px;
	height : 63px;
}
div.panel.header div.middle div.telephone
{
	width : 394px;
	height : 63px;
	float : right;
}
div.panel.header div.middle div.telephone img
{
	width : 394px;
	height : 63px;
}

div.panel.wrapper
{
	width : 995px;
	min-width : 995px;
	height : auto;
	position : relative;
	margin : 0px auto 0px auto;
}

div.panel.content
{
	float : left;
	width : 575px;	
	padding : 20px 10px 10px 210px;
	min-height : 680px;	
	text-align : justify;	
}
div.panel.content div.header
{
	border-bottom : solid 1px #FF339A;
	padding-bottom : 5px;	
	margin-bottom : 20px;
	width : 100%;
}
div.panel.content div.header,
div.panel.content div.middle
{
	float : left;
}

div.panel.content div.middle.profilePic
{
	background: #FFFFFF url(../images/screen/markDavisPurple.png) no-repeat top right; 
}
div.profilePicSegment 
{ 
	float : right; 
	clear : both;
	display : block;
}
div.profilePicSegment.seg_a { width : 240px; height : 40px; }
div.profilePicSegment.seg_b { width : 275px; height : 30px; }
div.profilePicSegment.seg_c { width : 305px; height : 80px; }
div.profilePicSegment.seg_d { width : 340px; height : 135px; }
div.profilePicSegment.seg_e { width : 360px; height : 70px; }

div.panel.content div.header h1
{
	float : left;	
	color : black;
}
div.panel.content div.header span.news
{
	float : right;
	font-size : 10px;
	font-weight : normal;
	color : #656A70;
	margin-top : 5px; 
}
div.panel.content div.header span.news a
{
	font-size : 10px;
	font-weight : normal;
	color : #FF339A;
	border : none;
}
div.panel.content div.header span.news a:hover
{
	font-weight : bold;
}
div.panel.content a
{
	font-size : 11px;
	font-weight : bold;
	color : black;
	padding-bottom : 1px;
	margin-bottom : 1px;
	border-bottom : solid 1px #FF339A;
}
div.panel.content h2
{
	color : black;
	margin : 5px 0px;
}
div.panel.content p
{
	padding : 0px 0px 10px 0px;
	line-height : 15px;
}
div.panel.content p.piggy
{
	padding : 7px;
	margin-bottom : 10px;
	background-color : #FFDDEE;
}
div.panel.content p.piggy.headphones
{
	padding : 118px 7px 7px 7px;
	margin-bottom : 10px;
	background: #FFDDEE url(../images/screen/hdrHeadphones.jpg) no-repeat 0px 0px;
}

div.panel.content ul
{
	font-size : 11px;
	color : black;
	list-style : none;
	margin-left : 15px;	
	margin-bottom:10px;
}
div.panel.content ul li
{
	padding : 0px 10px 0px 12px;
	margin : 0px 0px 5px 0px;
	background : transparent url(../images/screen/blackarrow.gif) no-repeat 0px 6px;
	line-height:15px;
}

div.panel.content form{	background-color: #FFDDEE;	width : 575px;	margin : 5px 0px;}
div.panel.content form h2{	color : white;	font-size : 12px;	font-weight : bold;		padding : 10px 10px 12px 10px;	margin : 0px;	display : block;		background-color: #FF5BAD;}
div.panel.content form p{	padding : 10px;	margin : 0px;}
div.panel.content form p img{	float : right;	padding-bottom : 5px;	padding-left : 5px;}
div.panel.content form div.fieldset fieldset{	border : none;	margin : 0px auto;	padding : 0px 5px;	width : 365px;}
div.panel.content form div.fieldset fieldset legend{	display : none;}
div.panel.content form div.fieldset fieldset div.field{	clear : left;}/* float : left; width : 360px; }*/
div.panel.content form div.fieldset fieldset div.field label{	color : black; 	float : left;	font-size : 11px;	display : block;	width : 150px;	margin-bottom : 5px;}
div.panel.content form div.fieldset fieldset div.field input{	clear:left; float : left; font-size : 11px;	display : block;	width : 200px;		margin-bottom : 5px;	}
div.panel.content form div.fieldset fieldset div.field textarea{	float : left;	font-size : 11px;	display : block;	width : 530px;		height : 150px;	margin-bottom : 5px;}
div.panel.content form div.fieldset fieldset div.field select{	clear:left; float : left;	font-size : 11px;	display : block;	width : 206px;	height : 22px;	margin-bottom : 5px;}
div.panel.content form div.fieldset fieldset div.field input.checkbox{	float : left;	clear : none;	width : 20px;	margin-left : 150px;}
div.panel.content form p.privacy{	margin : 0px auto;	width : 355px;	text-align : right;	padding : 0px 10px;}
div.panel.content form p.privacy a{	font-weight : normal;	color : #656A70;}
div.panel.content form div.submit{	margin : 0px auto;	width : 355px;	padding : 10px;	text-align : right;}
div.panel.content form div.submit input{	background-color : #FF5BAD;	border : solid 1px white;	font-size : 11px;	font-weight : bold;	padding : 5px;	color : white;	cursor : pointer; }
div.panel.content form div.submit input:hover{	color : #656A70;}
div.panel.content form.news div.fieldset{	background : transparent url(../images/screen/iconNews-pink.jpg) no-repeat 335px top;}
div.panel.content form.articles div.fieldset{	background : transparent url(../images/screen/iconArticles-pink.jpg) no-repeat 335px top;}
div.panel.content form.personal div.fieldset{	background : transparent url(../images/screen/iconPersonal-pink.jpg) no-repeat 335px top;}
div.panel.content form.views div.fieldset{	background : transparent url(../images/screen/iconView-pink.jpg) no-repeat 335px top;}
div.panel.content form.submission div.fieldset fieldset,div.panel.content form.suggestion div.fieldset fieldset{	width : 540px;}
div.panel.content form.submission p.privacy,div.panel.content form.submission div.submit,div.panel.content form.suggestion p.privacy,div.panel.content form.suggestion div.submit{	width : 530px;}

div.panel.content form div.fieldset label.checkbox { padding-top : 3px; }

div.panel.content form div.disclaimer h3
{
	padding : 50px 10px 5px 10px;
	font-size : 11px;
}
div.panel.content form div.disclaimer p/*, div.panel.content form div.disclaimer li*/
{
	padding : 0px 10px 10px 10px;
	font-size : 11px;
        /*color:#656A70;*/
}

div.panel.left
{
	width : 190px;
	/*height : 800px;*/
	position : absolute;
	left : 0px;
	padding-right : 10px;
}

div.panel.right
{
	width : 190px;
	height : 780px;
	position : relative;
}

div.panel.footer
{
	width : 575px;
	height : 40px;
	margin : 0px auto 0px auto;
	position : relative;
	background : url(../images/footer/ftrBg.jpg) repeat-x top left;
}
div.panel.footer div.ftrBgLeft
{
	width : 10px;
	height : 40px;
	background : url(../images/footer/ftrBgLeft.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	left : 0px;
	float : left;
}
div.panel.footer div.ftrBgRight
{
	width : 10px;
	height : 40px;
	background : url(../images/footer/ftrBgRight.jpg) no-repeat top left;
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 0px;
	right : 0px;
	float : right;
}

div.featuredPanels
{
	width : 570px;
}

div.featuredPanel
{
	float : left;
}



div.featuredPanel.community
{
	position : relative;
	width : 570px;
	min-height : 340px;
	background : url(../images/community/communityBg.png) repeat-y top left;
}
div.featuredPanel.community div.featuredPanelCommunity.header
{
	border : none;
	width : 570px;
	height : 200px;
	background : url(../images/community/communityTop.png) no-repeat top left;
	position : absolute;
	top : 0;
	left : 0;
}
div.featuredPanel.community div.featuredPanelCommunity.footer
{
	width : 570px;
	height : 140px;
	background : url(../images/community/communityBottom.png) no-repeat top left;
	position : absolute;
	bottom : 0;
	left : 0;
	z-index : 10;
}
div.featuredPanel.community div.featuredPanelCommunity.content
{
	position : relative;
	padding : 75px 138px 85px 10px;
	width : 437px;
	float : left;
	z-index : 100;
}
div.featuredPanel.community div.featuredPanelCommunity.content h2
{
	display : block;
	border-bottom : solid 1px #FF339A;
	margin-bottom : 10px;
	padding-bottom : 5px;	
}

div.featuredPanel.large
{
	width : 570px;
	height : 256px;
	background : url(../images/community/panel-gambit-community.png) no-repeat top left;
}
div.featuredPanel.large div.featuredPanelContent
{
	width : 405px;
	height : 257px;	
	padding : 10px;
}
div.featuredPanel.large div.featuredPanelContent h2
{
	display : block;
	border-bottom : solid 1px #FF339A;
	margin-bottom : 20px;
	padding-bottom : 5px;
}
div.featuredPanel.large div.featuredPanelContent p
{
	padding : 10px 0px;
	line-height : 20px;
}

div.featuredPanel.small
{
	width : 279px;
	height : 260px;
	background : url(../images/home/panel-small.jpg) no-repeat top left;
}
div.featuredPanel.small div.featuredPanelContent
{
	width : 259px;
	height : 220px;	
	padding : 10px;
}
div.featuredPanel.small div.featuredPanelContent h2
{
	display : block;
	border-bottom : solid 1px #FF339A;
	margin-bottom : 20px;
	padding-bottom : 5px;
}
div.featuredPanel.small div.featuredPanelContent p
{
	padding : 0px 0px 10px 0px;
	line-height : 20px;
}

div.featuredPanel.small.alternatives
{
	margin-right : 9px;
}
div.featuredPanel.large div.featuredPanelContent li /*MD*/
{
	color:#FF339A;
	font-weight:bold;
}
div.panel.content div.middle span.num
{
	color:#FF339A;
	font-weight:bold;
	
}
div.panel.content div.middle span.numdesc
{
	color:#000000;	
}

/* START  - List Page Styles */
div#pagination
{
	width : 575px;
	display : block;
	float : left;
	margin : 0px;
	padding : 5px 0px;
}
div#pagination ul
{
	display : block;
	width : 100%;	
	list-style : none;
	margin : 0px;
	padding : 0px;
}
div#pagination ul li
{
	width : 19px;
	height : 19px;
	display : block;
	float : left;
	background : none;
	margin : 0px;
	padding : 0px 5px;
}
div#pagination ul li a
{
	border : none;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	vertical-align : middle;
	width : 19px;
	height : 19px;
	display : block;
	padding : 2px 0px;	
}
div#pagination ul li a:hover
{
	color : #FF339A;
}
div#pagination ul li.previous a,
div#pagination ul li.next a
{
	font-family : Arial;
	font-size : 13px;
	font-weight : bold;
	color : #9999CC;
	padding : 1px 0px 0px 1px;
}
div#pagination ul li.previous a,
div#pagination ul li.next a
{
	background : no-repeat url(../images/list/list-nav-skip.jpg) 0px 0px;
}
div#pagination ul li.previous a:hover,
div#pagination ul li.next a:hover
{
	background : no-repeat url(../images/list/list-nav-skip-hover.jpg) 0px 0px;
}

div.list-container,
div.list-type-container
{
	width : 575px;
	display : block;
	float : left;
	margin : 0px;
	padding : 10px 0px;
}
div.featuredPanelCommunity.content div.list-container
{
	width : 437px;
}
div.list-container h2,
div.list-type-container h2
{
	margin : 0px;
	padding : 5px 0px 10px 0px;
}
div.list-container div.list-item,
div.list-type-container div.list-type-item
{
	float : left;
	width : 555px;
	height : auto;
	display : block;
	margin-bottom : 10px;	
	padding : 10px;
}
div.featuredPanelCommunity.content div.list-container div.list-item
{
	width : 415px;
	background-color : white; 
}
div.list-type-container div.list-type-item
{
	border : solid 1px #ECD09D;
	background-color : #FFFFEB;
}
div.list-type-container div.list-type-item img.icon
{
	float : right;
	padding-bottom : 5px;
	padding-left : 5px;
}
div.list-container div.list-item.odd
{
	border : solid 1px #FFDAEC;
	background-color : #FFF7FB;
}
div.list-container div.list-item.even
{
	border : solid 1px #9999CC;
	background-color : #F6F9FF;
}
div.featuredPanelCommunity.content div.list-container div.list-item.even
{
	border : solid 1px #FFDAEC;
	background-color : #EEEEEE;	
}
div.list-container div.list-item span.header
{
	display : block;
	width : 555px;
	float : left;
}
div.featuredPanelCommunity.content div.list-container div.list-item span.header
{
	width : 415px;
}
div.list-container div.list-item span.header h3,
div.list-container div.list-item span.header h4,
div.list-type-container div.list-type-item h3
{
	margin : 0px;
	padding : 0px 0px 10px 0px;
}
div.list-container div.list-item span.header h3
{
	float : left;
}
div.list-container div.list-item span.header h3 a,
div.list-type-container div.list-type-item h3 a
{
	border-bottom : solid 1px #FF339A;
	font-size : 11px;
	font-weight : bold;	
	color : black;	 
}
div.list-container div.list-item span.header h4
{
	float : right;
	font-size : 11px;
	font-weight : bold;	
	color : black;
}
div.list-container div.list-item p,
div.list-type-container div.list-type-item p
{
	display : block;
}
div.list-container div.list-item a.more
{
	float : right;
	color : black;
	font-size : 11px;
	font-weight : bold;
	border-bottom : solid 1px transparent;
	margin-bottom : 1px;
	padding-bottom : 1px;	
}
div.list-type-container div.list-type-item a.more
{
	color : black;
	font-size : 11px;
	font-weight : bold;
	border-bottom : solid 1px transparent;
	margin-bottom : 1px;
	padding-bottom : 1px;	
}
div.list-container div.list-item a.more:hover,
div.list-type-container div.list-type-item a.more:hover
{
	border-bottom : solid 1px #FF339A;
	margin-bottom : 1px;
	padding-bottom : 1px;	
}
div.list-item-detail
{
	width : 575px;
	display : block;
	float : left;
	margin : 0px;
	padding : 0px;	
}
div.list-item-detail img.icon
{
	float : right;
	padding-bottom : 5px;
	padding-left : 5px;
}
div.list-item-detail h4
{
	float : left;
	clear : right;
	font-size : 11px;
	font-weight : bold;	
	color : #FF339A;
	margin : -15px 0px 0px 0px;
	padding : 0px 0px 10px 0px;
	width : 100%;
}

div.panel.content div.submit-review-link
{
	padding-bottom : 10px;
}
div.panel.content div.submit-review-link a
{
	border-bottom : none;
	margin : 0px;
	padding : 0px;
}
/* FINISH - List Page Styles */

/* START - Social */
div.social-networks
{
	width : 575px;
	display : block;
	float : left;
	margin : 0px;
	padding : 15px 0px 15px 0px;	
	border-bottom : solid 1px #FF339A;
}
div.social-networks ul.bookmarks
{
	list-style : none;
	margin : 0px;
	padding : 10px 0px;
}
div.social-networks ul.bookmarks li
{
	float : left;
	background : none;
	margin : 0px;
	padding : 0px 5px;
	line-height : normal;	
}
div.social-networks ul.bookmarks li a
{
	border : none;
	color : #656A70;
	margin : 0px;
	padding : 2px 0px 0px 23px;	
	font-size : 10px;
	font-weight : normal;
	display : block;
	height : 16px;
}
div.social-networks ul.bookmarks li a:hover
{
	color : #FF339A; 
}
div.social-networks ul.bookmarks li a.delicious { background : transparent no-repeat url(../images/social/delicious_16.png); }
div.social-networks ul.bookmarks li a.digg { background : transparent no-repeat url(../images/social/digg_16.png); }
div.social-networks ul.bookmarks li a.facebook { background : transparent no-repeat url(../images/social/facebook_16.png); }
div.social-networks ul.bookmarks li a.reddit { background : transparent no-repeat url(../images/social/reddit_16.png); }
div.social-networks ul.bookmarks li a.stumbleupon { background : transparent no-repeat url(../images/social/stumbleupon_16.png); }
div.social-networks ul.bookmarks li a.blogger { background : transparent no-repeat url(../images/social/blogger_16.png); }
div.social-networks ul.bookmarks li a.bebo { background : transparent no-repeat url(../images/social/bebo_16.png); }
div.social-networks ul.bookmarks li a.twitter { background : transparent no-repeat url(../images/social/twitter_16.png); }
/* FINISH - Social */
