/* awesomestyles.com - free forum skins and styles 
   spyka Web Group (c) 2008,2009
*/

/* imports */
.control-dialog {
	margin:15px auto -15px auto;
	width:90%;
}
.control-dialog-options { 
	float:left;
	width:50%;
}
.control-dialog-pages {
	float:right;
	width:50%;
}
.control-dialog-pages p {
	text-align:right;
	font-size:1.0em;
}
.control-dialog-pages p a, .control-dialog-pages p span {
	padding:2px;
	margin:0 1px;
}
.control-dialog-options form {
	text-align:left;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}
.control-dialog-options form select {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	border:1px solid #dddddd;
}
.control-dialog-options form input {
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 5px;
	font-size:0.9em;
}
.control-dialog-bottom {
	margin-bottom:0;
	margin-top:-45px;
}
.styles-filter-wrap .dialog-filter {
	display:block;
	margin:0 auto;
	padding:10px 0;
	width:95%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.styles-filter-wrap .dialog-filterv2 {
	display:block;
	margin:0 auto 30px 0;
	padding:10px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}





div.selection-top {
	border-bottom:1px solid #CCD4E5;
	margin-bottom:10px;
}
div.selection-top div.styles-sort-wrap {
	font-size:0.9em;
}
div.selection-bottom {
	border-top:1px solid #CCD4E5;
}
div.selection-bottom div.styles-sort-wrap {
	position:relative;
	top:-6px;
	font-size:0.9em;
}

div.selection-top {
	padding-bottom:0;
}
div.selection-top div.styles-page-numbers  {
	position:relative;
	top:5px;
}
div.selection-top div.styles-page-numbers a, div.selection-top div.styles-page-numbers a:hover {
	border:none;
	color:#6980B0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
div.selection-top div.styles-page-numbers span.current {
	border:none;
	color:#798EB9;
	background-color:#CCD4E5;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	padding:7px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
}

div.selection-top div.styles-sort-wrap form {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#CCD4E5;
	padding:7px;
	color:#6980B0;
	position:relative;
	font-size:0.7em;
}










div.selection-bottom {
	padding-top:6px;
	margin-top:10px;
}
div.selection-bottom div.styles-page-numbers  {
	position:relative;
	top:-6px;
}
div.selection-bottom div.styles-page-numbers a, div.selection-bottom div.styles-page-numbers a:hover {
	border:none;
	color:#6980B0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
div.selection-bottom div.styles-page-numbers span.current {
	border:none;
	color:#798EB9;
	background-color:#CCD4E5;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	padding:7px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
}
div.selection-bottom div.styles-sort-wrap form {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	background-color:#CCD4E5;
	padding:7px;
	font-size:0.7em;
	position:relative;
	color:#6980B0;
}



div.selection-top div.styles-sort-wrap form select, div.selection-bottom div.styles-sort-wrap form select {
	border:1px solid #ABB8D3;
}


div.selection-bottom div.styles-sort-wrap form input.sort-button, div.selection-top div.styles-sort-wrap form input.sort-button {
	background-color:#33456B;
}

div.dialog-grid-end {
	margin-top:-5px;
}
div.dialog-grid-end div.styles-sort-wrap {
	top:0;
}
div.dialog-grid-end div.styles-page-numbers {
	top:7px;
}

body p.text72890top {
	margin-bottom:18px;
	letter-spacing:3px;
	font-size:0.75em;
}

div.selection-top div.styles-page-numbers p {
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
div.selection-bottom div.styles-page-numbers p {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
}


/* page */
*, html { 
	padding:0;
	margin:0;
}
body {
	background-color:#1A2335;
	padding:0;
	font-size:1.0em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0 auto;
	background-image:url('/images/layout/body-bg.png');
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-position:0 0;
}

/* headers */
h1 a {
	display:block;
	height:51px;
	width:326px;
	background-image:url('/images/logo-v4.gif');
	background-repeat:no-repeat;
	background-position:top left;
}
h1 a span {
	display:none;
	visibility:hidden;
}
h2 {
	color:#ffffff;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.75em;
	padding-left:2px;
	padding-bottom:9px;
}
h3 {
	font-size:1.6em;
	color:#ffffff;
	background-image:url('/images/h3-bg.png');
	background-repeat:repeat-x;
	margin:0;
	padding:5px;
	background-color:#1A2335;
	display:inline;
	/*border-bottom:1px solid #DDDDDD;*/
}
h3 a {
	color:#ffffff;
}
h3 a:hover {
	color:#ffffff;
	text-decoration:none;
}
h4 {
	font-size:1.2em;
}


/* links */
a {
	color:#3D527C;
}
a:hover {
	color:#151D2B;
}
a img {
	border:none;
}

/* lists */
ul, ol {
	margin:0 0 0 30px;
}
ul li, ol li {
	margin:3px 0;
}

/* forms */
form fieldset {
	display:inline;
	padding:10px 0;
	margin:10px;
	border:none;
	border-top:1px solid #cccccc;
}
form fieldset legend {
	color:#333333;
	margin:0 0 0 -7px;
	font-weight:bold;
	background-color:#ffffff;
	padding-right:6px;
	font-size:0.9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
form fieldset label {
	padding-top:3px;
	vertical-align:top;
	color:#333333;
	width:140px;
	display:inline-block;
	font-weight:normal;
	font-size:0.9em;
}
form fieldset label em {
	color:#FF0000;
	font-weight:normal;
}
form fieldset label span {
	font-weight:normal;
	font-size:0.7em;
	color:#546CA6;
	text-transform:uppercase;
}
form fieldset ul {
	list-style:none;
	margin:0;
	padding:0;
}
form fieldset ul li {
	margin:0;
	display:block;
	width:450px;
	padding:10px 0;
}
form fieldset ul li.lightblue {
	background-color:#ffffff;
}
div.form-left {
	float:left;
	width:550px;
}
form fieldset input, form fieldset select, form fieldset textarea {
	padding:3px;
	font-size:0.8em;
	color:#333333;
	border:1px solid #cccccc;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
form fieldset textarea {
	width:290px;
}
form fieldset select option {
	padding:0 5px;
}
form fieldset input.form-button {
	padding:7px;
	background-color:#415583;
	background-image:url(/images/footer-bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	border:1px solid #202A41;
	font-size:0.8em;
	margin:3px;
	color:#ffffff;
	font-weight:bold;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/* paragraphs */
p {
	margin:10px 2px;
	line-height:1.5em;
}

/* ads */
p.ads {
	text-align:center;
	margin:10px 0 2px 0;
}
p.adtext {
	padding:0;
	margin:2px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:0.8em;
	color:#999999;
}

/* classes */
div.style-stats {
	text-align:center;
	margin:10px auto;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:10px;
	font-size:0.9em;
}
div.style-stats ul {
	list-style:none;
}
div.style-stats ul li {
	background-repeat:no-repeat;
	padding-left:21px;
	display:inline;
	margin-right:15px;
}
div.style-stats ul li span {
	font-weight:bold;
}
div.style-stats ul li#version, div.style-stats ul li.version {
	background-image:url('/images/info.png');
}
div.style-stats ul li#downloads, div.style-stats ul li.downloads {
	background-image:url('/images/downloads.png');
}
div.style-stats ul li#views, div.style-stats ul li.views {
	background-image:url('/images/views.png');
}
div.style-stats ul li#comments, div.style-stats ul li.comments {
	background-image:url('/images/comments.png');
}
div.style-stats ul li#added, div.style-stats ul li.added {
	background-image:url('/images/added.png');
}
li.votes a img {
	position:relative;
	top:7px;
}
div.style-stats ul li.votes span {
	font-weight:normal;
}
.clear {
	clear:both;
}
.blue-button {
	background-color:#37476E;
	background-image:url('/images/button-bg.png');
	background-repeat:repeat-x;
	background-position:bottom left;
}
.account-response, .response {
	padding:5px 15px;
	font-size:0.8em;
	font-weight:bold;
	color:#FF5D18;
	margin:10px;
	background-color:#FFCCB3;
	border:1px solid #FFAA80;
}
p.response {
	display:block;
}
.account-response a {
	color:#FF5D18;
}
.lightblue {
	background-color:#E0E4F0;
}
.hr {
	height:1px; 
	background-color:#DDDDDD;
	padding:0;
	margin:10px;
}
p.helplink {
	text-align:right;
	padding:0;
	margin:0;
	width:22%;
	float:right;
	display:none;
}
p.helplink a {
	font-size:0.8em;
	color:#999999;
}
h3.phpbb3header {
	padding-top:0;
}
div.display-grid ul li {
	display:block;
	text-align:left;
	padding-bottom:5px;
} 
p.page-intro {
	font-size:0.9em;
	margin-top:0;
}
p.display-options {
	width:40%;
	text-align:right;
	float:right;
	display:block;
	margin:0 auto;
	margin-right:2.5%;
}
p.rssinfo {
	text-align:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-weight:bold;
	background:#EA3801 url('/images/rss-bg.png') repeat-x scroll left bottom;
	margin:0 auto;
	margin-left:2.5%;
	font-family:"Trebuchet MS", Verdana, Arial;
	float:left;

}
p.rssinfo a {
	background-image:url('/images/ui/rss.png');
	background-repeat:no-repeat;
	background-position:5px 50%;
	text-decoration:none;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	padding:7px 7px 7px 44px;
	text-align:right;
	display:block;
}

/* wrapper, header, nav and footer */
div#wrap {
	width:96%;
	margin:0 auto;
/*	background-image:url('/images/bg-wrap.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:scroll;*/
	padding:0 10px;

}
div#header {
	padding:0;
	margin:0;
}
div#logo {
	float:left;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:70px;
	width:27%;
}
div#navigation {
	background:#232F48 url('/images/layout/nav-left.png') no-repeat scroll top left;
}
div#navigation div.innernavigation {
	background:transparent url('/images/layout/nav-right.png') no-repeat scroll top right;
	height:40px;
}
div#navigation ul {
	list-style:none;
	padding:0;
	height:40px;
	margin:0;
}
div#navigation ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
div#navigation ul li a {
	display:block;
	padding:11px 15px 0 15px;
	font-size:0.8em;
	float:left;
	font-weight:bold;
	margin:0;
	color:#ffffff;
	height:29px;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
div#navigation ul li.fpa {
	float:right;
	margin-left:15px;
}
div#navigation ul li.fpa a {
	background-color:#5A2B37;
	background-image:url('/images/ufp.jpg');
	background-position:top left;
	background-repeat:repeat-x;
}
div#navigation ul#topnav {
	margin:0 0 0 10px;
	background-repeat:repeat-x;
	background-position:bottom;
}
div#navigation ul#topnav li a:hover {

	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#1B2437;
}
div#navigation ul#topnav li.selected {
	background:#ffffff url('/images/layout/nav-middle.jpg') repeat-x scroll top left;
	margin-top:-2px;
}
div#navigation ul#topnav li.selected a, div#navigation ul#topnav li.selected a:hover {
	background-image:url('/images/layout/nav-left.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	padding:0;
	color:#2C3B59;
	height:42px;
}
div#navigation ul#topnav li.selected a span, div#navigation ul#topnav li.selected a:hover span {
	padding:12px 15px 0 15px;
	display:block;
	background-image:url('/images/layout/nav-right.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}
div#navigation ul#subnav {
	background:#ffffff url('/images/layout/grey-gradient-small.jpg') repeat-x scroll 0 10px;
	height:35px;
	padding:0 0 0 10px;
	border-bottom:1px solid #dddddd;
}
div#navigation ul#subnav li a {
	font-weight:normal;
	color:#636363;
	height:16px;
	padding:10px 12px;
}
div#navigation ul#subnav li a.selecteds {
	background-image:url(/images/layout/menu-arrow-sub.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-top:10px;
}
div#navigation ul#subnav li a:hover {
	text-decoration:underline;
}
div#navigation ul#topnav li#bookmarklink {
	float:right;
}
div#navigation ul#topnav li#bookmarklink a {
	font-weight:normal;
	font-size:0.7em;
	padding:15px 5px 0 0;
	height:17px;
}
div#navigation ul#topnav li#bookmarklink a:hover {
	background-image:none;
	text-decoration:underline;
	background-color:transparent;
}
div#bc-nav {
	background-color:#ffffff;
	border-bottom:1px solid #dddddd;
	padding:5px;
	font-size:0.8em;
	color:#999;
	margin:0 5px;
}
div#bc-nav a {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

div#adsheader {
	width:50%;
	float:right;
	padding-top:10px;
}
div#adsheader div {
	display:inline;
	float:right;
	margin:15px;
}
div#adsheader div div {
	margin:0;
	float:none;
	display:block;
}
div#footer {
	background-image:url('/images/footer-bg.png');
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#415583;
	padding:5px;
}
div#footer ul {
	width:25%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}
div#footer ul li {
	padding:5px 2px;
	color:#ffffff;
	font-size:0.7em;
	font-family:"Trebuchet MS", Verdana, Arial;
}
div#footer ul li a {
	color:#ffffff;
	text-decoration:none;
	padding:3px;
	background-color:#27334F;
}
div#footer ul li a:hover {
	background-color:#1E283E
}
div#footer ul li.footer-title {
	font-size:1.4em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div#footer ul li.footer-text {
	line-height:1.6em;
	font-size:0.8em;
	padding-top:0;
}
div#footer ul li.footer-text a {
	background-color:transparent;
	padding:0;
	text-decoration:underline;
}
div.footer-bottom {
	border-top:1px solid #384971;
}
div.footer-bottom div.copyright {
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
div.footer-bottom div.copyright p {
	float:left;
	margin-top:3px;
}
div.footer-bottom div.copyright a {
	color:#FFFFFF;
	font-size:0.9em;
	margin-left:20px;
	text-decoration:none;
}
div.footer-bottom div.copyright a.imagefooter img {
	top:3px;
	position:relative;
}
div.footer-bottom div.footer-logo {
	float:right;
	width:152px;
	height:60px;
	background-image:url('/images/spyka-logo.png');
	background-repeat:no-repeat;
	background-position:right 5px;
}
	 
ul#footer-find form {
	margin:0;
	padding:0;
}
div#footer ul#footer-related {
	width:20%;
	float:right;
}
ul#footer-find input {
	padding:2px;
	border:1px solid #27334F;
}
/* content */
div#content {
	background-color:#ffffff;
	padding:10px;
}

/* accounts */
div#accounts {
	background-color:#090B11;
	border-bottom:1px solid #1F283D;
}
div#accounts-wrap {
	margin:0 auto;
	width:100%;
	width:96%;
	padding:5px;
}
div#accounts-wrap p {
	color:#ffffff;
	padding:0;
	text-align:left;
	font-size:0.9em;
	margin:0;
}
div#welcome {
	float:left;
	width:30%;
}
div#message {
	float:left;
	width:39%;
}
div#message p {
	text-align:center;
	font-size:0.8em;
}
div#message p a {
	color:#ffffff;
	padding-right:5px;
	font-weight:bold;
}
div#login {
	float:right;
	width:30%;
}
div#login p {
	text-align:right;
}
div#login a {
	color:#ffffff;
}
div#login select {
	background-color:#1C2538;
	border:none;
	color:#ffffff;
	margin-left:10px;
	padding:3px;
}
div#login select option {
	padding:0 4px;
	border:none;
}

/* front page */
div#fp-content {
	float:left;
	width:67%;
}
p.welcometoas {
	margin-bottom:20px;
	border:1px solid #96A6CA;
	background-color:#CCD4E5;
	font-size:1.0em;
	color:#3D527C;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:5px;
	margin:0 0 15px 0;
}
span.header-text {
	position:relative;
	top:-18px;
	text-transform:uppercase;
	color:#999999;
	font-size:0.7em;
	display:inline;
	float:left;
	left:30%;
}
div#fp-sotm-options {
	clear:both;
}
div#fp-sotm-options p {
	margin:0;
}
div#fp-sotm-image {
	float:left;
	width:40%;
}
div#fp-sotm-image img {
	border:1px solid #DDDDDD;
	margin:0 4px 4px 0;
}
div#fp-sotm-info {
	float:left;
	width:50%;
	margin:0 2px 10px 20px;
}
div#fp-sotm-info p {
	font-size:0.9em;
}
div.sotm ul {
	margin:0;
	list-style:none;
}
div.sotm ul li {
	padding:5px 10px 5px 0;
	float:left;
}
div.sotm ul li a {	
	display:block;
	float:left;
	padding:5px 10px;
	font-size:0.9em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
div.sotm ul li a:hover {
	background-color:#1A2335;
}
div#fp-latest-news {
	margin-top:35px;
}
div.fp-panel ul {
	list-style:none;
	padding:0;
	margin:0;
}
div.fp-panel li {
	padding:5px 0;
}
div.fp-panel li a {
	font-size:0.9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
div.fp-panel ul li small, div.fp-panel  ul li small a {
	color:#999999;
}
div#fp-latest-news p {
	margin-bottom:20px;
}
div#fp-latest-news p span.headline {
	font-size:1.0em;
	font-weight:normal;
	padding-right:6px;
}
div#fp-latest-news p span.date {
	text-transform:uppercase;
	font-size:0.7em;
	color:#999999;
}
div#fp-sidebar {
	float:left;
	width:30%;
	margin-left:20px;
}
div#fp-sidebar h4 {
	padding:5px;
	border:1px solid #96A6CA;
	background-image:url('/images/sidearea-header-bg.jpg');
	background-repeat:repeat-x;
	border-bottom:none;
}
div#fp-sidebar ul {
	border:1px solid #96A6CA;
	background-color:#CCD4E5;
	padding:8px;
	list-style:none;
	margin:0 0 20px 0;
}
div#fp-sidebar ul li {
	padding:7px 0;
	margin:0;
}
div#fp-sidebar ul li a.sidebar-title {
	font-size:1.15em;
}

/* upload */
p#upload-status {
	display:none;
}

/* forums */
img#forums-index-image {
	border:1px solid #CCCCCC;
	margin:0 10px;
	float:right;
}
p.forum-link {
	font-weight:bold;
	text-align:center;
	font-size:2.1em;
}

/* styles */
div#styles-version-wrap {
	margin:0 auto;
	padding:0;
	width:50%;
}
div#styles-version-wrap {
	list-style:none;
	text-align:center;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}
div#styles-version-wrap ul li {
	display:block;
	padding:10px;
	float:left;
}
div#styles-version-wrap ul li.text {
	padding-top:15px;
	font-weight:bold;
}
div#styles-version-wrap ul li a {
	float:left;
	display:block;
	padding:5px 10px;
	font-size:0.9em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
div#styles-version-wrap ul li a:hover {
	background-color:#1A2335;
}
div#styles-version-wrap ul li a.selected {
	background-color:#384970;
	color:#FF9933;
}
div.styles-sort-wrap {
	clear:both;
	border:1px solid #DDDDDD;
	background-color:#F2F2F2;
	width:60%;
	margin:0 auto;
	padding:0;
}
div.style-image {
	padding:0;
	margin:0 auto;
	text-align:center;
}
img.stylepreviewimg {
	border:5px solid #CCD4E5;
}
span.displayopts {
	font-size:0.8em;
	font-family:"Trebuchet MS", Verdana, Arial;
	float:right;
	padding-right:5px;
}
span.displayopts span.new {
	color:#ff0000;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
}
span.displayopts img {
	border:none;
	text-decoration:none;
	padding:0;
	margin:0;
	position:relative;
}
span.displayopts a, span.displayopts span {
	float:left;
}
span.displayopts span {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	padding-right:10px;
	padding-top:9px;
}
div.styles-style-column {
	width:30%;
	float:left;
	margin-right:5%;
	background-color:#ffffff;
	background-repeat:repeat-x;
}
div.styles-inner {
	border:1px solid #CCD4E5;
	padding:8px;
}
div.styles-style-column-last {
	margin-right:0;
}
div.styles-row {
	padding-bottom:40px;
}
div.styles-sort-wrap form {
	font-family:"Trebuchet MS", Verdana, Arial;
	margin:0;
	padding:0;
}
div.styles-sort-wrap form select {
	font-size:0.7em;
	border:1px solid #dddddd;
	background-color:#ffffff;
	padding:5px;
}
div.styles-sort-wrap form select option {
	padding:0 5px;
}
div.styles-sort-wrap p {
	text-align:center;
	font-size:1.3em;
}
div.styles-sort-wrap form input.sort-button {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#212C42;
	border:1px solid #121725;
	color:#FFFFFF;
	font-family:verdana;
	font-size:0.8em;
	font-weight:bold;
}
div.styles-page-numbers {
	margin:20px auto;
	padding:0;
}
div.styles-page-numbers p {
	text-align:center;
	margin:0;
}
div.styles-page-numbers p a, div.styles-page-numbers p span {
	padding:2px 5px;
	margin:0 5px;
	font-family:"Trebuchet MS", Verdana, Arial;
	text-decoration:none;
}
div.styles-page-numbers p {
	font-size:0.8em;
}
div.styles-page-numbers p a {
	border:1px solid #BCC7DC;
}
div.styles-page-numbers p a:hover {
	border:1px solid #8A9BC1;
}
div.styles-page-numbers p span.current {
	background-color:#ACB9D4;
	font-weight:bold;
	border:1px solid #899CC2;
}
div#styles-style-wrap {
	margin:0 auto;
	padding:0;
	width:95%;
}
div#styles-style-wrap-grid {
	width:95%;
	margin:0 auto;
	padding:0;
}
div.styles-style-window, div.graphic-row {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #CCD4E5;
	padding:8px;
	margin-top:40px;
	background-color:#ffffff;
	background-position:left -80px;
	background-repeat:repeat-x;
}
div.graphic-row { padding-top:1px; }
div.graphic-row h4 a{
	color:#1A2335;
	display:inline;
	float:left;
	font-size:1.3em;
	font-weight:normal;
	text-decoration:none;
}
div.styles-style-window div.graphic-row p.links { padding-top:20px; }
div.graphic-row div.styles-style-header { margin-left:5px; }
div.graphic-row div.style-tag { margin-left:0; }
div.graphic-row div.styles-style-header h4 { margin-left:0; }
div#graphics-wrapper { margin:30px auto; width:95%;}
div.styles-style-header span { float:left; }
p.graphic-description { font-size:0.9em; padding:10px 0;}
div.styles-style-info p {
	font-family:"Trebuchet MS", Verdana, Arial;
	line-height:1.5em;
}
div.styles-style-info p.links a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-right:5px;
}
div.styles-style-header {
	margin-bottom:10px;
	color:#999;
	text-align:center;
}
div.styles-style-header h4 a {
	display:inline;
	font-weight:normal;
	color:#1A2335;
	font-size:1.3em;
	float:left;
	text-decoration:none;
}
div.styles-style-header span.author {

	padding:7px 3px 0 8px;

}
div.styles-style-window div.styles-style-header {
	text-align:left;
}
div.styles-style-window div.styles-style-header span {
	float:left;
}
div.styles-style-header span.author a {
}
div.styles-style-header span.more {
	font-size:0.8em;
	padding:9px 4px 0 4px;
}
div.styles-style-header span.more a {
	color:#999;
}
/*div.styles-style-header span.version {
	display:inline;
	color:#333333;
	font-size:0.8em;
	float:left;
	text-transform:uppercase;
	padding:9px 3px 0 8px;
}*/
div.styles-style-header div.template-rate {
	display:inline;
	float:right;
}
div.display-grid-rate {
	border-bottom:1px solid #DDDDDD;
	padding:10px 0;
	margin:0 auto;
	text-align:center;
}
ul.ratinggrid { 
	list-style-type:none; 
	padding:0; 
	margin:0; 
}
ul.ratinggrid li {
	display:inline; 
}
ul.ratinggrid li a.rating { 
	padding:5px 15px 0px 9px;  
	background-image:url("/images/emptystar.png")
}
ul.ratinggrid li.ratetext {
	padding-left:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
ul.ratinggrid li a.rating span {
	display:none;
	visibility:hidden;
}
ul.ratinggrid li a.ratingstar {
	background-image:url("/images/star.png");
}
ul.ratinggrid li.dorate { 
	padding-right:3px; 
	padding-top:0px; 
}
div.styles-style-data {
	clear:both;
}
div.styles-style-preview {
	width:280px;
	padding:5px;
	float:left;
}
div.styles-style-preview img {
	border:4px solid #ddd;
	margin:5px;
}
div.styles-style-info {
	width:55%;
	float:right;
	padding:5px 5px 15px 5px;
}
div.styles-style-data p {
	margin-left:285px;
}
p.links { 
	padding-top:10px;
	padding-bottom:20px;
}
p.links a {
	padding:8px 15px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	font-size:0.9em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	margin-right:5px;
}
p.links a:hover {
	background-color:#121725;
	background-image:none;
}
p.links-grid {
	text-align:center;
	padding-bottom:5px;
}
div.styles-style-meta {
	border-top:1px solid #CCD4E5;
	border-bottom:none;
	padding:10px 0 3px 0;
	margin:0;
}
div.styles-style-meta a {
	margin:0;
	padding:0;
}
div.styles-filter-wrap {
	margin:0 auto;
	padding:0;
	text-align:center;
}

/* style viewer */
div#style-preview-image {
	float:left;
	margin-left:5px;
	padding:2px 10px 2px 2px;
	width:30%;
}
div#style-preview-image img {
	border:1px solid #DDDDDD;
	margin:3px;
}
div#style-rating-full {
	margin-right:5px;
	padding:2px;
	width:54%;
	float:right;
}
div#style-rating-full table tr td {
	font-size:0.8em;
}
div#style-rating-full table tr td p {
	padding:0;
	margin:0 5px;
	height:10px;
	border:1px solid #FF6900;
	background-color:#FF6813;
	background-image:url('/images/bar.png');
	background-repeat:repeat-x;
}
td.td-vote-number {
	width:3%;
}
td.td-vote-amount {
	width:15%;
}
p.style-dates {
	font-size:0.8em;
}
p.style-dates span {
	font-weight:bold;
}
p.style-no-comments {
	padding:7px 15px;
	width:60%;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	color:#FF5D18;
	margin:10px auto;
	background-color:#FFCCB3;
	border:1px solid #FFAA80;
}
p.style-no-comments a {
	color:#FF5D18;
}
div#style-comments-area {
	margin:15px 0;
}
div.style-comment-single {
	padding:5px;
	border-bottom:1px solid #A7B4D3;
}
div.orange {
	background-color:#FDD9C9;
	border-bottom:1px solid #FAA47F;
}
div.style-comment-single span {
	font-size:0.9em;
}
div.style-comment-single span a {
	font-weight:bold;
}
a.style-add-comment-link {
	font-size:0.9em;
	font-weight:bold;
}
div#style-rating-dynamic ul.ratinggrid li a.rating { 
	background-image:url("/images/rating/emptystar_fff.png");
}
div#style-rating-dynamic ul.ratinggrid li a.ratingstar {
	background-image:url("/images/rating/star_fff.png");
}

/* cp */
div.cp-content-wrap {
	margin:20px 0;
	border-top:1px solid #A7B4D3;
}
div.cp-content-wrap p.no-content {
	border-bottom:1px solid #A7B4D3;
	background-color:#DEE3ED;
	font-size:1.4em;
	padding:10px;
	margin:0;
}
div.cp-content-wrap p.no-content a {
	font-weight:bold;
}
div.cp-content-show {
	text-align:left;
	margin:0;
	border-top:none;
	border-bottom:1px solid #A7B4D3;
	padding:10px;
	font-size:0.9em;
}
div.cp-content-show ul {
	margin:0;
	padding:5px 0;
}
div.cp-content-show a {
	font-size:1.2em;
	font-weight:bold;
	padding-right:10px;
}
p.cp-intro {
	font-size:1.2em;
	text-align:center;
}

/* resources */
p.resource-intro, p.resource-add {
	font-size:0.9em;
	line-height:1.6em;
	margin:10px;
}
ul.resource-page {
	line-height:1.6em;
	list-style:none;
	font-size:0.9em;
	margin-left:580px;
	list-style-type:square;
}
div.add-resource-page {
	margin:10px;
}
div#resources-list {
	margin:0 auto;
	padding:0;
}
div#resources-list ul {
	margin:10px 10px;
	padding:0;
	list-style:none;
	float:left;
	width:47%;
	font-family:"Trebuchet MS", Verdana, Arial;
}
div#resources-list ul.right {
	float:right;
}
div#resources-list ul li {
	margin:25px auto;
}
div.resource-sort {
	margin:5px 10px;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}
div.resource-sort form {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
div.resource-sort form select {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	border:1px solid #dddddd;
}
div.resource-sort form input {
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 5px;
	font-size:0.9em;
}
div#resources-list ul li a {
	display:block;
	font-size:0.9em;
	font-weight:normal;
	padding:20px 20px 20px 20px;
	height:70px;
	color:#FFFFFF;
	text-decoration:none;
/*	background-image:url('/images/resource-list-bg.png');
	background-repeat:repeat-x;
	background-color:#202940;
	border:1px solid #10141E;*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	border:1px solid #CCD4E5;
	color:#1A2335;
}
div#resources-list ul li a span {
	margin-bottom:-5px;
	display:block;
}
div#resources-list ul li a span span {
	font-size:1.6em;
	text-decoration:none;
	border-bottom:1px solid #1A2335;
	font-weight:bold;
	display:inline;
	padding:0;
	margin:0;
}
div#resources-list ul li a:hover {
	border:1px solid #ABB8D3;
	background-image:none;
}
div#resource-wrap {
	border-top:1px solid #A7B4D3;
	margin:0 10px 10px 10px;
}
div.resource-show {
	padding:22px 10px;
	border-bottom:1px solid #A7B4D3;
}
div.resource-show p {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	line-height:1.6em;
}
div.resource-show div.data {
	border:none;
	margin:0;
	padding:0;
	text-align:left;
}
div.resource-show a {
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px solid #3D527C;
}
div.resource-show a.noborder {
	border:none;
}
div.resource-show div.data ul {
	margin:0;
	padding:0;
}
p.no-resources {
	font-size:1.3em;
}
p.no-resources a {
	font-weight:bold;
}
div.resource-content-right {
	float:left;
	width:80%;
}
div.resource-image-left {
	float:left;
	width:150px;
}
div.resource-image-left img {
	margin:5px;
	border:4px solid #dddddd;
}
div.blog-wrap {
	width:65%;
	float:left;
}
div.blog-sidebar {
	width:30%;
	float:right;
}
div.blog-sidebar div.ad-box {
	border:1px solid #cccccc;
}
div.blog-sidebar div.ad-box p {
	text-align:center;
	text-transform:uppercase;
	font-size:0.6em;
	color:#cccccc;
}
div.blogpost {
	padding:15px 0;
	border-bottom:1px solid #dddddd;
}
div.blogpost h3 {
	background-image:none;
	background-color:transparent;
	margin:0;
	padding:0;
	float:left;
	width:80%;
}
div.blogpost h3 a {
	font-weight:normal;
	font-size:1.1em;
	text-decoration:none;
	padding-bottom:1px;
	color:#3D527C;
	border-bottom:1px solid #3D527C;
}
div.blogpost p.bp-meta {
	font-size:0.7em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#999999;
	padding:0;
	margin:5px 0 0 0;
	text-align:left;
}
div.blogpost p.bp-meta a {
	color:#999999;
}
div.blogpost ul, div.blogpost p {
	font-family:"Trebuchet MS", Verdana, Arial;
	line-height:1.5em;
}
div.blogpost p a.continuereading {
	font-size:0.8em;
	background-color:#3D527C;
	color:#ffffff;
	padding:3px;
	text-decoration:none;
}
div.blogpost p.bp-fullpost {
	float:left;
	margin:0;
	padding:0;
	display:none;
}
div.blogpost p.bp-fullpost a {
	padding:5px;
	background-color:#3D527C;
	color:#ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:0.7em;
}
div.blog-sidebar h4 {
	padding:5px;
	border:1px solid #96A6CA;
	background-image:url('/images/sidearea-header-bg.jpg');
	background-repeat:repeat-x;
	border-bottom:none;
}
div.blog-sidebar ul {
	border:1px solid #96A6CA;
	background-color:#CCD4E5;
	padding:8px;
	list-style:none;
	margin:0 0 20px 0;
}
div.blog-sidebar ul li {
	padding:7px 0;
	margin:0;
}
div.blog-sidebar ul li a.sidebar-title {
	font-size:1.15em;
}
div.blog-sidebar p.about-blog {
	margin:10px 0;
	padding:4px;
	border:1px solid #FF7B2E;
	border-right-width:3px;
	border-bottom-width:3px;
	color:#ffffff;
	font-family:"Trebuchet MS", Verdana, Arial;
	background-color:#FF9B61;
}
div.blog-sidebar p.about-blog a {
	color:#ffffff;
	text-decoration:underline;
}
img.floatleft {
	float:left;
	margin:10px 10px 10px 0;
}
a.webhost-250 {
	margin:5px auto;
}
a.webhost-250 img {
	border:5px solid #dddddd;
	padding:0 20px;
}
div.blog-wrap div#resource-wrap {
	margin:10px 0;
}
div.blog-wrap div#resource-wrap div.resource-show {
	padding:22px 0;
}
div.blog-wrap div#resource-wrap div.resource-show div.resource-content-right {
	width:75%;
}
div.style-tag {
	background-color:#E2E6F0;
	border:1px solid #CFD6E6;
	font-size:0.8em;
	padding:8px;
	display:inline;
	color:#384970;
}
a.taglink {
	background-color:#384970;
	color:#ffffff;
	padding:3px;
	text-decoration:none;
}
p.style-description {
	padding-top:15px;
	font-size:0.95em;
}
a.taglink:hover {
	background-color:#151D2B;
}
div.screenshots {
	float:left;
}
div.screenshots a {
	float:left;
	margin-right:10px;
	margin-top:5px;
}
div.screenshots a img {
	border:4px solid #CCD4E5;
}
div.fp-panel {
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #dddddd;
}
div.tags {

}
div.tags p {
	margin-top:5px;
	font-size:1.2em;
}
h3 {
	background-color:transparent;
	background-image:none;
	color:#1C2538;
	font-weight:normal;
	padding-left:0;
	letter-spacing:-1px;
}
div.tutorial-wrapper h4 {
	color:#121725;
	margin:20px 0;
	border-bottom:1px solid #dddddd;
}
div.tutorial-wrapper img {
	border:5px solid #dddddd;
}
div.tutorial-wrapper code {
	border-top:3px solid #415583;
	border-bottom:3px solid #415583;
	margin:10px;
	display:block;
	padding:10px;
}
div.tutorial-wrapper p {	
	font-size:0.9em;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	line-height:1.8em;
}
div.fp-panel div.sotm {
	float:left;
}

div.findstyle {
	width:22%;
	float:left;
}
div.fp-panel div.tutorials {
	width:22%;
	float:left;
}
div.findstyle {
	padding-left:10px;
	float:left;
}
div.findstyle table {
	background-color:#ffffff;
}
div.findstyle table tr td a {
	display:block;
	padding:15px;
	height:1px;
	width:1px;
}
div.findstyle h4 {
	color:#121725;
	padding:0;
	margin:13px 0 5px 0;
}
div.findstyle form input {
	padding:5px;
	border:1px solid #dddddd;
}
div.findstyle form p {
	padding:0;
	margin:0;
	font-size:0.7em;
	color:#999;
}
div.findstyle p {
	margin:0;
	padding:0;
}
div.lateststyles { 
	width:22%;
	float:left;
}
div.blogposts {
	width:30%;
	float:left;
}
div.blogposts  ul {
	list-style:none;
	padding:0;
	margin:0;
}
div.blogposts li {
	padding:5px 0;
}
div.blogposts li a {
	font-size:0.9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
div.affiliates {
	margin:5px;
	padding:10px;
	background-color:#dddddd;
}
div.affiliates ul {
	padding:0;
	margin:0;
	list-style:none;
}
div.affiliates ul li {
	float:left;
	margin-right:7px;
}
/* 
showcase
27-12-08
*/
div.showcase-row {
	padding:14px 0;
	clear:both;
	border-bottom:1px solid #dddddd;
}
div.showcase-row div.showcase-site-preview {
	width:260px;
	float:left;
}
div.showcase-row div.showcase-site-preview img {
	border:4px solid #CCD4E5;
}
div.showcase-row div.show-site-desc {
	float:left;
	width:70%;
	padding:0 10px;
}
div.showcase-row div.show-site-desc p.tags {
	font-size:0.9em;
}
div.showcase-row div.show-site-desc span {
	font-size:0.7em;
	color:#666666;
}
div.showcase-row div.show-site-desc span a {
	color:#666666;
}
div.showcase-row div.show-site-desc span span { 
	font-weight:bold;
	font-size:1.0em;
}
h4.showcase-h3-link {
	text-align:left;
	display:inline;
}
div.showcase-styleinfo {
	margin:0 auto;
	padding:5px;
	border:1px solid #dddddd;
	border-left:none;
	border-right:none;
}
div.showcase-styleinfo div {
	display:inline;
	padding-left:10px;
	font-size:0.8em;
	color:#666666;
}
div.showcase-styleinfo span {
	font-weight:bold;
}
div#style-rating-full p.tags {
	font-size:0.9em;
}
div#fp-just-added h4 {
	border:none;
	background-color:transparent;
	border-bottom:1px solid #ccc;
	color:#666;
}
div#fp-just-added ul {
	border:none;
	background-color:transparent;
}				
div#fp-just-added a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
div#fp-just-added span {
	font-size:0.9em;
}
div#fp-just-added span, div#fp-just-added span a {
	color:#999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
div.generic-curved-box {
	padding:0;
	margin:10px 0;
	background-color:#F24F11;
	background-image:none;
}
div.generic-curved-box span {
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	height:7px;
}
div.generic-curved-box span.corners { background-image:url('/images/layout/corner-top-left.png'); }
div.generic-curved-box span.cornersbottom { background-image:url('/images/layout/corner-bottom-left.png'); }
div.generic-curved-box span.corners span { background-image:url('/images/layout/corner-top-right.png'); background-position:top right; }
div.generic-curved-box span.cornersbottom span { background-image:url('/images/layout/corner-bottom-right.png'); background-position:top right; }


div.download div {
	background-image:url('/images/layout/download-bg.png');
	background-repeat:no-repeat;
	background-position:5px 50%;

}
div.generic-curved-box div p a {
	padding:0 8px;
	display:block;
	color:#FFFFFF;		
	padding-left:65px;
	text-decoration:none;
}
div.generic-curved-box div p a em {
	font-style:normal;
	font-size:1.2em;
	font-weight:bold;
}
div.preview span.corners { background-image:url('/images/layout/corner-top-grey-left.png'); }
div.preview span.cornersbottom { background-image:url('/images/layout/corner-bottom-grey-left.png'); }
div.preview span.corners span { background-image:url('/images/layout/corner-top-grey-right.png'); background-position:top right; }
div.preview span.cornersbottom span { background-image:url('/images/layout/corner-bottom-grey-right.png'); background-position:top right; }
div.preview {
	background-color:#CCCCCC;
	color:#333333;
}
div.preview div {
	background-image:url('/images/layout/preview-bg.png');
	background-repeat:no-repeat;
	background-position:5px 50%;

}
div.preview div p a {
	color:#333333;
}
div.box-info span.corners { background-image:url('/images/layout/corner-top-blue-left.png'); }
div.box-info span.cornersbottom { background-image:url('/images/layout/corner-bottom-blue-left.png'); }
div.box-info span.corners span { background-image:url('/images/layout/corner-top-blue-right.png'); background-position:top right; }
div.box-info span.cornersbottom span { background-image:url('/images/layout/corner-bottom-blue-right.png'); background-position:top right; }
div.box-info {
	background-color:#CCD4E5;
	color:#415583;
	font-size:0.95em;
}
 div.box-info ul {
	border:none;
	padding:8px;
	list-style:none;
	margin:0;
}
 div.box-info ul li span {
	display:inline;
	font-weight:bold;
}
div.box-info div p a {
	color:#415583;
}
 div.box-info ul li {
	background-repeat:no-repeat;
	padding:7px 0 7px 21px;
	background-position:left 8px;
}
 div.box-info ul li.version {
	background-image:url('/images/info.png');
}
 div.box-info ul li.downloads {
	background-image:url('/images/downloads.png');
}
 div.box-info ul li.views {
	background-image:url('/images/views.png');
}
 div.box-info ul li.comments {
	background-image:url('/images/comments.png');
}
 div.box-info ul li.added {
	background-image:url('/images/added.png');
}
div#style-add-comment form fieldset {
	display:block;
}
div#style-add-comment form fieldset ul li {
	width:97%;
}
div#style-add-comment form fieldset ul li textarea {
	
}
img.comment-arrow {
	position:relative;
	left:10px;
	top:-4px;
}
span.comment-poster {
	padding:10px 20px;
}
a.style-add-comment-link {
	float:right;
}
h4.commenth4 {
	float:left;
}
div#style-preview img {
	border:4px solid #CCD4E5;
	margin:0 auto;
	display:block;
	text-align:center;
	padding:0;
}

h3 a {
	color:#33416C;
}
h3 a:hover {
	color:#3B4B7D;
}
h2.v2betah2 {
	font-weight:normal;
	color:#999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding:0;
	margin:0;
}
h3 span a, h3 span a:hover {
	font-size:0.5em;
	letter-spacing:0px;
	color:#999999;
	padding-left:10px;
	font-weight:normal;
	text-decoration:none;
}
div.tutorial-information h4 {
	border:none;
	border-bottom:1px solid #cccccc;
	color:#666666;
}
div#tutorial-links p label {
	font-size:0.7em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width:95%;
	display:block;
	margin:0 auto;
}
div#tutorial-links p input {
	width:95%;
	padding:4px 0;
	display:block;
	margin:0 auto;
	background-color:#ffffff;
	border:1px solid #BEC6E0;
}
div#tutorial-links {
	margin-bottom:30px;
}
div.tutorial-voter {
	margin-top:10px;
	margin-bottom:30px;
}
div.tutorial-voter a {
	width:48%;
	border:1px solid #121725;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	margin:5px 0;
	display:block;
	float:left;
	text-align:center;
	background-image:url('/images/footer-bg.png');
	background-repeat:repeat-x;
	background-position:top left;
	font-size:1.5em;
	text-decoration:none;
	color:#ffffff;
	padding:20px 0;
}
div.tutorial-voter a.right {
	float:right;
}
div.tutorial-voter span {
	color:#666666;
	font-size:0.9em;
	margin:0 auto;
	display:block;
	padding:0;
	text-align:center;
}
div.blog-sidebar ul.related-tutorials {
	border:none;
	background-color:#ffffff;
	margin:5px;
	padding:0;
}
div.tutorial-row img {
	width:120px;
	margin:5px 20px 10px 5px;
	float:left;

}
div.tutorial-row-meta-data {
	font-size:0.7em;
}
div.tutorial-row-meta-data ul {
	list-style:none;
	margin:0;
}
div.tutorial-row-meta-data ul li {
	color:#666666;
	background-repeat:no-repeat;
	display:inline;
	margin-right:15px;
}
div.tutorial-row h4, div.tutorial-row p, div.tutorial-row div {
	margin-left:150px;
}
div.graphic-row div.tutorial-row p {
	margin-left:285px;
}
div.style-sidebar {
width:30%; margin-left:20px; float:left;
}
div.style-preview {
float:left; width:67%;
}
div.style-preview p {
	width:550px;
	margin:20px auto 0 auto;
	font-family:'Lucida Sans Unicode','Lucida Grande',verdana,sans-serif;
	font-size:0.9em;
}
div#style-page-top {
padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ddd;
}
p.expandlink {
	text-align:right;
	margin:0;
}
p.expandlink a {

}
p.expandlink a img {

}
*:focus {
	outline:none;
}
div.blog-sidebar div.tutorial-information h4 {
	background-color:#232F48;
	background-image:none;

	color:#FFFFFF;
	font-family:arial;
	font-size:0.9em;
	font-weight:bold;
	padding:10px 10px 10px 15px;
}
div.blog-sidebar div.tutorial-information ul, div.blog-sidebar div.tutorial-information div {
	background-color:#E0E4F0;
	background-image:url('/images/layout/sidebar-bg.jpg');
	background-repeat:repeat-x;
	background-position:bottom left;
	border:medium none;
	font-size:0.9em;
	margin:0 0 30px;
	padding:10px;
	list-style:none;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
p.noborder {
	margin-top:0;
}

.ccd-standard {
	width:95%;
	margin:0 auto;
	padding-bottom:10px;
}
.ccd-standard .styles-sort-wrap {
	float:left;
	width:47%;
	background-color:#fff;
	border:none;
}
.ccd-standard .styles-sort-wrap p {
	margin:0;
}
.ccd-standard .styles-sort-wrap form {
	float:left;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}	
.ccd-standard .styles-sort-wrap form select {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	border:1px solid #dddddd;
}
.ccd-standard .styles-sort-wrap form input {
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 5px;
	font-size:0.9em;
}

.ccd-standard .styles-page-numbers {
	float:right;
	margin:0 auto;
	width:47%;
}
.ccd-standard .styles-page-numbers p {
	text-align:right;
	float:right;
	padding:7px 10px;
	background-color:#DEE3ED;
}
div.title-wrapper {
	margin:0 auto;
	padding-bottom:15px;
}
.selection-bottom {
	padding-top:16px;
	margin-bottom:35px;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	color:#232F48;
}
div.tutorial-wrapper ul {
	list-style-type:square;
	font-size:0.9em;
}
div.tutorial-wrapper ul li {
	padding-bottom:10px;
}
div#footer ul#footer-find li a, div#footer ul#footer-find li a:hover {
	background-color:transparent;
}
div.blog-sidebar div.tutorial-information ul.tutorial-cats li {
	padding:7px 10px;
}
div.blog-sidebar div.tutorial-information ul.tutorial-cats li.selected-index {
	background-image:url('/images/bg-item-selected.jpg');
	background-repeat:repeat-x;
	height:34px;
	padding:0;
}
div.blog-sidebar div.tutorial-information ul li.selected-index a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background-image:url(/images/bg-item-selected-end.jpg);
	background-repeat:no-repeat;
	height:25px;
	left:-19px;
	padding-bottom:9px;
	padding-left:29px;
	padding-right:10px;
	padding-top:9px;
	position:relative;
	top:9px;
}
div.blog-sidebar div.tutorial-information ul.tutorial-cats {
	padding:10px 0;
}
span.newtext {
	color:#FF0000;
	font-family:verdana;
	font-size:0.6em;
	font-weight:bold;
	text-transform:uppercase;
}
div.style-flag p {
	text-align:left;
}
div.style-flag p a {
	display:block;
	-moz-border-radius:5px;
	font-size:0.9em;
	font-weight:bold;
	-webkit-border-radius:5px;
	background-image:url(/images/icons/flag.png);
	background-position:5px 50%;
	background-repeat:no-repeat;
	padding:5px 5px 5px 30px;
	border:1px solid #dddddd;
	text-decoration:none;
}
div.style-flag p a em {
	font-style:normal;
}

div.style-fav p {
	text-align:left;
}
div.style-fav p a {
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image:url(/images/icons/fave.png);
	background-position:5px 50%;
	background-repeat:no-repeat;
	padding:5px 5px 5px 30px;
	border:1px solid #dddddd;
	color:#3D527C;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
}
div.style-fav p a em {
	font-style:normal;
}
table.contenttable {
	width:100%;
	text-align:left;
	font-size:0.9em;
	margin-top:15px;
}
table.contenttable tr th {
	padding:7px 10px;
	background-color:#232F48;
	color:#ffffff;
	cursor:pointer;
}
table.contenttable tr td {
	padding:5px 10px;
	border-bottom:1px solid #ddd;
}
a.editlink {
	display:block;
	height:16px;
	width:16px;
	background:#ffffff url('/images/icons/edit.png') no-repeat scroll top left;
}
a.editlink span {
	display:none;
}
form.cp-settings fieldset { display:block; }
form.cp-settings fieldset ul li { width:550px; }
form.cp-settings fieldset ul li label { width:210px; }

div.sidebar-member-offers {
	padding:10px 5px;
	border:1px solid #dddddd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:block;
	margin:0 auto;
	text-align:center;
}
div.sidebar-member-offers span.hilite {
	display:block;
	margin:0 auto;
	font-size:1.3em;
}
div.sidebar-member-offers span.promo {
	display:block;
	font-size:0.9em;
	margin-bottom:10px;
	margin-top:10px;
}
div.sidebar-member-offers span.promocode {
	color:#35476B;
	font-weight:bold;
}
div.blog-sidebar h4.member-offers {
	border:none;
	border-bottom:1px solid #cccccc;
	color:#666666;
	margin-bottom:15px;
}
div.bluehost-int p a {
	background-color:#3A94D6;
	display:block;
	line-height:0;
}
div.themeforest-int p a {
	background-color:#693E1B;
	display:block;
	line-height:0;
}
div.statistics-cp p {
	font-family:georgia;
	font-size:1.3em;
	line-height:1.9em;
}
div.statistics-cp p span { 
	font-weight:bold;
	font-size:1.1em;
}
span.stylename {
	background-color:#232F48;
	display:block;
	margin:0 auto -30px;
	width:240px;
	opacity:0.9;
	padding:5px;
	position:relative;
	top:-40px;
}
span.stylename a {
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
div.layout-thumb div.styles-style-column div.styles-inner {
	border:none;
	padding:0;
}
div.layout-thumb div.styles-style-column div.styles-inner div.style-image {
	float:left;
}
div.layout-thumb div.styles-style-column-middle div.styles-inner div.style-image {
	float:none;
}
div.layout-thumb div.styles-style-column-last div.styles-inner div.style-image {
	float:right;
}

div.layout-thumb div.button-container {
	margin:0 auto;
	width:255px;
	text-align:center;
}
div.layout-thumb a.button-small {
	padding:4px 15px;
	margin:0;
}
div.layout-thumb a.download-button-small {
	float:left;
	background:#F49068 url(/images/ui/bg_32_orange.jpg) repeat-x scroll left bottom;
}
div.layout-thumb a.download-button-small:hover {
	background:#F27D50 none;
}
div.layout-thumb a.info-button-small {
	background:#787C87 url(/images/ui/bg_32_blue.jpg) repeat-x scroll left bottom;
	float:right;
}
div.layout-thumb a.info-button-small:hover {
	background:#6C707A none;
}
div.layout-thumb p.links {
	margin:0;
	padding:0;
}


.tooltip {
	position:absolute;
	top:0;
	left:0;
	z-index:7;
	display:none;
	padding:10px;
	line-height:1.6em;
	font-size:0.9em;
	width:320px;
	text-align:left;
	background-color:rgba(51, 51, 51, 0.7);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.tooltip .innertooltip {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#445B8D;
	padding:10px;
	color:#fff;
}
.tooltip h5 {
	font-size:1.2em;
}
.tooltip img.arrowstyledata {
	border:none;
	margin:-60px auto 0; 
	position:relative; 
	display:block;
	top:32px;
	z-index:-1;
}
.tooltip a {
	color:#fff;
}
.tooltip ul.ratinggrid li a.rating {

}
.tooltip .styledatarate {
	padding-top:5px;
}
.tooltip .styledatarate .ratetext {
	font-size:0.95em;
	font-family:Arial, Helvetica, sans-serif;
}



ul.cpnav-list {
	list-style:none;
	margin:0;
	padding:0;
	border-right:1px solid #FFFFFF;
	float:left;
}
ul.cpnav-list li {
	float:left;
	display:block;
	padding:5px 10px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #CCCCCC;
}
ul.cpnav-list li a {
	display:block;
	float:left;
	font-size:0.9em;
	font-weight:bold;
	color:#666666;
}
div.cpnav-container {
	margin-bottom:20px;
	padding:5px 0;
	background-color:#E0E0E0;
}
 
ul.ratinggrid {
	height:24px;
	margin:0;
}
ul.ratinggrid li { 
	display:block;
	float:left;
}
ul.ratinggrid li a.rating { 
	display:block;
	float:left;
	position:relative;
	top:-3px;
	padding:0;
	height:24px; 
	width:24px;  
}
.tooltip .styledatarate ul.ratinggrid li a {
	top:0;
}
div.styledatarate {
margin-bottom:-81px; }
div.centreratinggrid {
	position:relative;
	left:50%;
	text-align:left;
	float:left;
}
div.centreratinggrid ul {
	position:relative;
	left:-50%;
}
div.centreratinggrid ul li {
	position:relative;
}
div.display-grid-rate div {
	left:10%;
	position:relative;
}


.tabberlive .tabbertabhide {
 display:none;
}
.tabber {
}
div.fp-panel  ul.tabbernav {
	list-style:none;
	margin:10px 0 15px 0;
}
ul.tabbernav li {
	display:inline;
	margin:0 10px 0 0;
}
ul.tabbernav li a {
	color:#ffffff;
	padding:5px;
	font-weight:bold;
	background-color:#F24F11;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
ul.tabbernav li a:hover {
	color:#ffffff;
	background-color:#DF480C;
}

ul.tabbernav li {
	margin:0 0 0;
}
ul.tabbernav li a, ul.tabbernav li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#999;
	padding:8px 12px;
	border:1px solid #DEE3ED;
	font-weight:normal;
	border-bottom-color:#CCD4E5;
	margin-right:5px;
}
ul.tabbernav {
	margin-bottom:10px;
	border-bottom:1px solid #CCD4E5;
	height:27px;
}
ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover {
	border-color:#CCD4E5;
	color:#4C669E;
	border-bottom-color:#ffffff;
}
div.fp-panel div.sotm {
	padding-left:20px;
}
div.fp-panel div.sotm img {
	margin-right:10px;
	margin-top:5px;
	float:left;
	border:4px solid #CCD4E5;
}
div.fp-panel div.sotm div.sotm-details {
	float:left;
}
div.screenshots {
	padding-right:20px;
	border-right:1px solid #ddd;
}
span.sotmtitle a {
	border-bottom:1px solid #3D527C;
	text-decoration:none;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:5px;
}
span.sotmtitle a:hover {
	border-bottom:1px solid #151D2B;
}
span.authorby {
	font-size:0.8em;
	color:#999;
	display:block;
	padding:7px 0 5px;
}
span.authorby a {
	color:#999;
}
div.sotm ul li a {
	padding:10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
div.sotm ul li a.blue-button:hover {
	background:#1A2335 none;
}
div.fp-panel ul.poptut li {
	padding:5px 0;
}
div.fp-panel ul.poptut li a {
	margin:0;
	float:none;
}
div.fp-panel ul.poptut {
	margin-left:5px;
	margin-top:-2px;
}
div.fp-panel div.tutorialfeat div.sotm-details {
	padding-top:10px;
}
div.fp-panel div.tutorialfeat img {
	margin-top:10px;
}
div.fp-panel ul.popres {
	float:left;
}
div.fp-panel ul.popresright {
	float:right;
}
div.fp-panel ul.popres li a {
	background-color:#384970;
	background-image:url(/images/button-bg.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	color:#FFFFFF;
	display:block;
	font-family:arial;
	font-size:1.05em;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
	-moz-border-radius:4px;
}
div.fp-panel ul.popres li a:hover {
	background:#1A2335 none;
}
div.fp-panel div.tutorialfeat div.ratingsfp {
	padding-top:5px;
}
div.fp-panel div.tutorialfeat div.ratingsfp a img {
	border:none;
	margin-right:2px;
}
div.fp-panel div.tutorialfeat div.ratingsfp span {
	display:block;
	font-size:0.9em;
	padding-top:7px;	
}
div.stylestatsabs {
	color:#999999;
	float:right;
	font-family:georgia;
	position:relative;
	right:15px;
	top:0;
}
span.tutviews {
	color:#999;
	font-size:0.8em;
}
div#navigation ul li.twitter {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	background-color:#1F283D;
	position:absolute;
	top:34px;
}
div#navigation ul li.twitter a {
	height:16px;
	padding:8px 10px;
}
p.sitemap-links {
	clear:both;
}
div.sitemap {
	padding-top:5px;
	border-bottom-color:#384971;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-bottom:10px;
}
div#footer ul li a.twittertext {
	font-size:1.2em;
	left:10px;
	position:relative;
	text-decoration:underline;
	top:-30px;
}
div#navigation ul li.serchnavitem {
	background:#FFFFFF url(/images/layout/nav-middle.jpg) repeat-x scroll left top;
	margin-top:-2px;
	display:block;
	float:right;
	margin-right:25px;
}
div#navigation ul li.serchnavitem form {
	height:42px;
	background-color:transparent;
	background-image:url(/images/layout/nav-left.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
div#navigation ul li.serchnavitem form  div {
	padding:10px 9px 0;
	display:block;
	background-image:url(/images/layout/nav-right.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
div#footer ul.footer-stats {
	font-size:1.8em;
	width:auto;
}
div#footer ul.footer-stats li {
	font-family:Arial,Helvetica,sans-serif;
	font-style:italic;
}
div#footer ul.footer-stats li span {
	font-size:1.4em;
	font-weight:bold;
}