/*** CSS File: /css/crystalbrush.css ***/
.cbcontest {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding-top:15px;
    padding-left: 15px;
    text-align: center;

}
.cbcontest a img.cbcontest-img{
    width: 100%;
    max-width: 600px;
}
.winners {
    font-weight: bold;
    font-size: 30px;
    font-family: Georgia;
    text-decoration: underline;
}

/*** CSS File: /css/slideshow.css ***/
/* Dinamic Content Gallery styles */
#dfcg-slideshow {
    color:#fff;
    list-style:none;
}

#dfcg-slideshow span {
    display:none;
}

#dfcg-wrapper {
    display:none;
    margin:0px;
}

#dfcg-wrapper * {
    margin:0;
    padding:0;
    /*overflow:hidden;Added AW */
}

#dfcg-fullsize {
    background:#000000;
    border:1px solid #000000;
    height:100%;
    overflow: hidden;
    padding:0px;
    position:relative;
    z-index:1;
    max-width: 100%
        /*width:100%;*/
        /*width:560px;*/
}

#dfcg-text {
    background-color:#000000 !important;
    bottom:0;
    filter:alpha(opacity=70);
    height:0px;
    opacity:.7;
    overflow:hidden;
    padding-bottom:1px;/* Fix added in v3.3.3 - was 5px */
    position:absolute;
    width:100%;/* 560 */
    z-index:200;
}

#dfcg-text h3 {
    color:#FFFFFF !important;
    margin:2px 5px !important;
    padding:0px 0px !important;
    font-size:12px !important;
    font-weight:bold !important;
}

#dfcg-text p {
    color:#FFFFFF !important;
    font-size: 11px !important;
    line-height:14px !important;
    margin:2px 5px !important;
    padding:0px 0px !important;
}

#dfcg-text p a, #dfcg-text p a:link, #dfcg-text p a:visited {
    color: #FFFFFF !important;
    font-weight:normal !important;
}

#dfcg-text p a:hover {
    color: #FFFFFF !important;
    font-weight:bold !important;
}

#dfcg-image img {
    position:absolute;
    z-index:25;
    /*margin-left:25% !important;
	margin-right:25% !important;*/
    /*width:auto;*/
    max-width:100%;
    /*height:px;/* Added AAW - not sure */
}

.dfcg-imgnav {
    position:absolute;
    width:25%;
    height:100%;
    cursor:pointer;
    z-index:150;
}

#dfcg-imgprev {
    left:0;
    background:url(../css/../images/prev.png) left center no-repeat;
}

#dfcg-imgnext {
    right:0;
    background:url(../css/../images/next.png) right center no-repeat;
}

#dfcg-imglink {
    position:absolute;
    width:100%;
    z-index:100;
    opacity:.01;/* changed v3.3.3 */
    filter:alpha(opacity=1);/* changed v3.3.3 */
    background:#fff;/* added v3.3.3 */
}

.linkhover {
    background:url(../css/images/link.gif) center center no-repeat;
}

#dfcg-thumbnails {
    position: absolute;
    top: -110px;
    left: 0;
    z-index: 999;
    height: 130px;
    width:100%;
}

#slideleft {
    float:left;
    width:20px;
    height:81px;
    background:url(../css/images/scroll-left.gif) center center no-repeat;
    background-color:#222;
}

#slideleft:hover {
    background-color:#333;
}

#slideright {float:right;
             width:20px;
             height:81px;
             background:#222 url(../css/images/scroll-right.gif) center center no-repeat;
}

#slideright:hover {
    background-color:#333;
}

#dfcg-slidearea {
    float:left;
    position:relative;
    /*width:560px;*/
    width:100%;
    height:81px;
    overflow:hidden;
    padding-top: 6px;
}

#dfcg-slider {
    position:absolute;
    left:0;
    height:81px;
}

#dfcg-slider img {
    cursor:pointer;
    border:1px solid #fff;
    padding:0px;
    height: 75px;
    /*	max-width:100%;*/
}

#dfcg-thumbnails .dfcg-carouselBtn {
    position: absolute;
    bottom: -2px;
    right: 20px;
    display: block;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    padding: 3px 8px 3px 8px;
}

.dfcg-carouselBtn, .dfcg-sliderContainer {
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#dfcg-thumbnails .dfcg-sliderContainer {
    height: 110px;
    position: relative;
    /*width: 560px;*/
    width:100%;
    padding: 0 5px;
}

#dfcg-sliderInfo {
    color: #fff;
    bottom: 5px;
    position: absolute;
    padding-left: 5px;
}

.thumbnail {
    margin-left: 10px;
    width: 100px;
    height: 75px;
    visibility: visible;
    zoom: 1;
    opacity: 0.99;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/*** CSS File: /css/main-modern.css ***/
/******* reset.css *******/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/******* END reset.css *******/


/******* text.css *******/

/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
    font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

}

a:focus
{
    outline: 1px dotted invert;
}

hr
{
    border: 1px solid #FFF;
    clear: both;
    height: 0;
    margin-bottom: 0px !important;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
    font-size: 25px;
}

h2
{
    font-size: 23px;
}

h3
{
    font-size: 21px;
}

h4
{
    font-size: 19px;
}

h5
{
    font-size: 17px;
}

h6
{
    font-size: 15px;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
    list-style: decimal;
}

ul
{
    list-style: square;
}

li
{
    margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
    margin-bottom: 20px;
}

.readMore {
    float:right;
    background-image: url('http://www.coolminiornot.com/forums/images/arrowr.png');
    background-position: right center;
    background-repeat: no-repeat; 
    padding-right: 10px;
}

.loggedin {
    font-size: 11px;
    color:#fff;    
    font-family:'lucida grande','lucida sans unicode',verdana,arial,tahoma,sans-serif;
}
.subscriberNo {
    font-weight:bold !important;
    color:cyan !important;
}

.artworkTitle {
    font-weight: bold;
    text-decoration: underline;
}

.score {
    font-weight: bold;
    color:red;    
}

.userMsg {
    float:left;
}

.userAvatar {
    float:left;
    width:65px;
}

.replyBlock {
    color: #777;
    display: block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.0em;
    padding-left: 1em;
    border-left: 4px solid #CCC;
    margin-left: 70px;
}

.noFavoritesTxt {
	border: 2px dotted red;
	padding: 10px;
}
/******* END text.css *******/


/******* grid.css *******/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	/*width: 100%;*/
        min-width: 1000px;
        max-width: 100%;
	/*margin-left: 1%;
	margin-right: 1%;*/
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 24%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 41%; /* 48 */
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 74%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 99%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 6.333%;
}

.container_12 .grid_2
{
	width: 15.4%;
}

.container_12 .grid_4
{
	width: 40.333%; /* 31.333 */
}

.container_12 .grid_5
{
	width: 40.666%;
}

.container_12 .grid_7
{
	width: 57.333%;
}

.container_12 .grid_8
{
	width: 65.666%;
}

.container_12 .grid_10
{
	width: 82.333%;
}

.container_12 .grid_11
{
	width: 90.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 5.25%;
}

.container_16 .grid_2
{
	width: 11.5%;
}

.container_16 .grid_3
{
	width: 17.75%;
}

.container_16 .grid_5
{
	width: 30.25%;
}

.container_16 .grid_6
{
	width: 36.5%;
}

.container_16 .grid_7
{
	width: 42.75%;
}

.container_16 .grid_9
{
	width: 55.25%;
}

.container_16 .grid_10
{
	width: 61.5%;
}

.container_16 .grid_11
{
	width: 67.75%;
}

.container_16 .grid_13
{
	width: 80.25%;
}

.container_16 .grid_14
{
	width: 86.5%;
}

.container_16 .grid_15
{
	width: 92.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 8.333%;
}

.container_12 .prefix_2
{
	padding-left: 16.666%;
}

.container_12 .prefix_4
{
	padding-left: 33.333%;
}

.container_12 .prefix_5
{
	padding-left: 41.666%;
}

.container_12 .prefix_7
{
	padding-left: 58.333%;
}

.container_12 .prefix_8
{
	padding-left: 66.666%;
}

.container_12 .prefix_10
{
	padding-left: 83.333%;
}

.container_12 .prefix_11
{
	padding-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 6.25%;
}

.container_16 .prefix_2
{
	padding-left: 12.5%;
}

.container_16 .prefix_3
{
	padding-left: 18.75%;
}

.container_16 .prefix_5
{
	padding-left: 31.25%;
}

.container_16 .prefix_6
{
	padding-left: 37.5%;
}

.container_16 .prefix_7
{
	padding-left: 43.75%;
}

.container_16 .prefix_9
{
	padding-left: 56.25%;
}

.container_16 .prefix_10
{
	padding-left: 62.5%;
}

.container_16 .prefix_11
{
	padding-left: 68.75%;
}

.container_16 .prefix_13
{
	padding-left: 81.25%;
}

.container_16 .prefix_14
{
	padding-left: 87.5%;
}

.container_16 .prefix_15
{
	padding-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 8.333%;
}

.container_12 .suffix_2
{
	padding-right: 16.666%;
}

.container_12 .suffix_4
{
	padding-right: 33.333%;
}

.container_12 .suffix_5
{
	padding-right: 41.666%;
}

.container_12 .suffix_7
{
	padding-right: 58.333%;
}

.container_12 .suffix_8
{
	padding-right: 66.666%;
}

.container_12 .suffix_10
{
	padding-right: 83.333%;
}

.container_12 .suffix_11
{
	padding-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 6.25%;
}

.container_16 .suffix_2
{
	padding-right: 16.5%;
}

.container_16 .suffix_3
{
	padding-right: 18.75%;
}

.container_16 .suffix_5
{
	padding-right: 31.25%;
}

.container_16 .suffix_6
{
	padding-right: 37.5%;
}

.container_16 .suffix_7
{
	padding-right: 43.75%;
}

.container_16 .suffix_9
{
	padding-right: 56.25%;
}

.container_16 .suffix_10
{
	padding-right: 62.5%;
}

.container_16 .suffix_11
{
	padding-right: 68.75%;
}

.container_16 .suffix_13
{
	padding-right: 81.25%;
}

.container_16 .suffix_14
{
	padding-right: 87.5%;
}

.container_16 .suffix_15
{
	padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

/******* END grid.css *******/


/******* layout-yii.css *******/
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
    background: #202025;
    border-top: 5px solid #202025;
    color: #FFF;
    font-size: 14px;
    padding: 0 0 40px;
}


/* anchors
----------------------------------------------- */
a {
    color: #81CEFF;
    font-weight:bold;
    text-decoration: none;
}
a:hover {
    color:#FFF;
}


.container_12,
.container_16 {
    /*background:#fff;*/
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
    color: #F0F0F0;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

h1 a:hover {
    color: #F0F0F0;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}

.bleft {
    float:left;
}

.bright {
    float:right;
    display: inline !important;
    *line-height: 30px;
}



/* branding
----------------------------------------------- */
div#branding {
    font-weight:normal;
    font-size:3em;
    text-align:left;
    /*background:#34353C;*/
    padding:0px 10px 10px 10px;
    margin-bottom:0;
    line-height: 20px;
	border-radius: 5px;
	border: 1px #676978 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background: #595B68;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595B68', endColorstr='#34353C');
	background: -webkit-gradient(linear, left top, left bottom, from(#595B68), to(#34353C));
	background: -moz-linear-gradient(top, #595B68, #34353C);
}

div#branding a {
    color: #F0F0F0;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

div#branding a:hover {
    color: #F0F0F0;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
    font-weight:normal;
    padding:.5em;
    margin:0 0 10px 0;
    border-bottom:1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
    /*background:#595B68;*/
    background: #595B68; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595B68', endColorstr='#34353C'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#595B68), to(#34353C)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #595B68,  #34353C); /* for firefox 3.6+ */ 
    margin-bottom:14px;
    padding:10px 10px 1px 10px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    border-radius: 5px; /* CSS3 */
    border: 1px #676978 solid;
    /*behavior: url("http://localhost/coolmini-fluence/js/pie.htc");*/
}
.box h2 {
    font-size:1em;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
    background:#34353C;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595B68', endColorstr='#34353C'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#595B68), to(#34353C)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #595B68,  #34353C); /* for firefox 3.6+ */
    margin:-10px -10px 0 -10px;
    padding:6px 12px;
    /* for border top radius */
    position: relative;
    bottom: 2px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    *position: static;
    border: 1px #676978 solid;
}

.box h2 a,
.box h2 a.visible {
    background-color: transparent !important;
}

.grid_4 .box h2 a {
    background-position: 97% 50%;
}
.grid_5 .box h2 a {
    background-position: 98% 50%;
}
.grid_12 .box h2 a {
    background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
    background-image: url("../css/../img/switch_plus.gif");
}
.box h2 a:hover {
    background-color:#111;
}
.block {
    padding-top:10px;
}
div.menu {
    padding:0;
}
div.menu h2 {
    margin:0;
}
div.menu .block {
    padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
    margin-bottom:1em;
}
blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size:1.2em;
    padding-left:1em;
    border-left:4px solid #ccc;
}
blockquote cite {
    font-size:.9em;
}
ul, ol {
    padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
    list-style:none;
    border-top:1px solid #bbb;
}
ul.menu li {
    margin:0;
}
ul.menu li a {
    display:block;
    padding:4px 10px;
    border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
    background:#eee;
}
ul.menu li a:active {
    background:#ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
    list-style:none;
    margin:0;
}
ul.menu ul li a {
    padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
    border-top:0;
    margin-bottom:0;
}
ul.section li {
    text-transform:uppercase;
}
ul.section li a {
    background:#bbb;
}
ul.section li a:hover {
    background:#aaa;
}
ul.section li a:active {
    color:#fff;
    background:#666;
}
ul.section li li a {
    background:#ddd;
    border-bottom:1px solid #eee;
}
ul.section li li a:hover {
    background:#ccc;
}
ul.section li li a:active {
    color:#202025;
    background:#fff;
}
ul.section ul li {
    text-transform:none;
}
ul.section ul.current li a {
    background:#eee;
    border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
    background:#ddd;
}
ul.section ul.current li a:active {
    background:#fff;
}
ul.section li a.current {
    color:#fff;
    background:#666;
}
ul.section li a.current:hover {
    background:#555;
}
ul.section li a.current:active {
    background:#444;
}
ul.section li a.active {
    background:#fff;
    cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
    color:#fff;
    background:#666;
    cursor:default;
}


/* table
----------------------------------------------- */
.brand-baner {
    width:100%;
    border:0px;
    margin-bottom: 0px;
    margin-top: 15px;
}
.brand-baner img {
    border: 0px;
}
.brand-baner td {
    vertical-align: top;
}

/* forms
----------------------------------------------- */
form {
    overflow:hidden;
}
fieldset {
    border:1px solid #bbb;
    padding:10px;
    position:relative;
    /*background:#e9e9e9;*/
    margin-bottom:10px;
}
legend {
    font-size:1.1em;
    padding:.4em .8em;
    background:#34353C;
    border:1px solid #bbb;
}
fieldset.login p {
    margin-bottom:1em;
    margin-top:0pt;
}
fieldset p label {
    width:98%;
}
fieldset p input {
    width:98%;
}
fieldset p select {
    width:99%;
}
fieldset.login p label {
    float:left;
    line-height:2em;
    margin-right:3%;
    text-align:right;
    width:32%;
}
fieldset.login p input {
    width:60%;
}
fieldset.login input.button {
    margin-left:35%;
}
form p.notice {
    font-weight:bold;
}
input.search.text {
    width:66%;
}
input.search.button {
    width:28%;
    margin-left:2%;
}
fieldset.msgb p {
    margin-bottom:1em;
    margin-top:5px;
}
fieldset.msgb p label {
    float:left;
    line-height:2em;
    margin-right:3%;
    text-align:right;
    width:32%;
}
fieldset.msgb input.button {
    margin-left:35%;
}

fieldset.msgb p img {
    float: left;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 5px;
    width:60px;
}

fieldset blockquote {
    color:#777;
    font-size:1.0em;
}

/* articles
----------------------------------------------- */
.articles {
    padding:0;
}
.articles h2 {
    margin:0;
}
#articles {
    padding-top:0;
}
.article {
    border-top:1px solid #666;
    padding-top:.5em;
}
.box .article {
    border-top:3px solid #fff;
    padding:13px 10px 0 10px;
}
.article h2 {
    font-size:2em;
    font-weight:normal;
    text-transform:none;
    color:#595B68;
    background:transparent;
    padding:0;
    margin:0;
    border:none;
}
.article h3 {
    margin-bottom:.2em;
    font-size:1.6em;
}
.box .first {
    border-top:none;
}
.article h4 {
    font-size:1.2em;
    text-transform:uppercase;
    margin-bottom:.5em;
}
.article a.image {
    float:left;
    margin:3px 10px 3px 0;
    padding:4px;
    border:1px solid #bbb;
    background:#fff;
}
.article a.image:hover {
    border:1px solid #666;
}
.article a.image img {
    float:left;
}
.article p.meta {
    color:#666;
    border-top:1px dotted #999;
    border-bottom:1px dotted #999;
    padding:.3em 0;
    margin-bottom:.8em;
}


/* site information
----------------------------------------------- */
#site_info .box {
    color:#ccc;
    background:#34353C;
    margin-bottom:10px;
}
#site_info a {
    /*color:#fff;*/
    color:#81CEFF;
}
#site_info a:hover {
    color:#FFF;
    /*color:#000;*/
}
#site_info p {
    text-align:center;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
    color: #34353C;
    margin: 0;
    padding: 2px 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font-size:1.1em;
    font-weight: normal;
}
.element h4 {
    margin: 0;
    padding:4px;
    line-height:1.2em;
}
.element p {
    margin: 0;
    padding: 4px;
}
.float-right {
    padding:10px 20px;
    float:right;
}

#accordian-block {
    padding-bottom:10px;
}

div .mainblock {
    display: inline;
    text-align:center;
}
.inlineblock {
    display: inline-block;
    vertical-align:bottom;
    /*width: 110px;*/
    /*height:143px;*/
    padding:5px;
    font-size: 12px;
}
.inlineblock span {
    display: inline-block;
    /*height:91px;*/
    padding-bottom:2px;
    line-height:91px;
    background-color: #FFF;
}

.inlineblock span img {
    vertical-align:middle;
}

.inlineblock-featured {
    display: inline-block;
    vertical-align:top;
    /*width: 110px;*/
    /*height:293px;*/
    max-height: 100%;
    width: 140px;
    padding:5px;
    font-size: 12px;
}
.inlineblock-featured span {
    display: inline-block;
    height:200px;
    /*padding-bottom:2px;*/
    line-height:200px;
    background-color: #FFF;
}

.inlineblock-featured span img {
    width: 120px;
    max-height: 200px;
    vertical-align:middle;
}
.inlineblock-users {
    display: inline-block;
    vertical-align:top;
    /*width: 110px;*/
    /*height:293px;*/
    max-height: 100%;
    width: 80px;
    padding:5px;
    font-size: 12px;
}

.news-header {
    float:left;
    width:100%;
    font-size: 13px;
}
.news-header img{
    float: left;
    vertical-align: top;
    margin-right:5px;
    margin-bottom:5px;
    width:50px;
}
.news-block {
    /*text-align:center;*/
}
.news-block img{
    display: block;
    max-width:100%;
    margin: 0 auto;
}
.news-footer {
    text-align:center;
}

.banner-block {
    text-align:center;
}
.banner-block img{
    max-width:100%;
    *width:100%;
}
/*
*
* Highlightit IMG
*
*/
.highlightit img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.highlightit:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

/*
*
* Forum MSG
*
*/

.forumtoday {
    padding: 5px;
    border-bottom: 1px solid #FFF;
}

.forumtoday span {
    display:block;
    margin-bottom: 5px;
}

.imgloading {
    width:100%;
    height:100%;
    background:url("../css/../images/loader.gif") center center no-repeat;
}

.loadAjax {
    width:32px;
    height:32px;
    background:url("../css/../images/ajax-loaderb.gif") center center no-repeat;
}

#blankScreen {
    background-color: #202025;
    float:left;
    display:none;
}

.pagerBlock {
    width:100%;
    float:left;
    text-align:center;
}

.contestBlock {
    font-family: Georgia;
    font-size:13px;
    padding-left:20px;
    padding-right: 50px;
}

.header-contest {
    font-size: 1.5em !important;
    font-weight: bold !important;
    color: #81CEFF !important;
    /*cursor: pointer;*/
}
#viewArea {
    width:100%;
    display:inline-block;
    overflow: hidden;
    height: 90px;
    margin: 0 auto;
}
.hiddenArea {
    width:5000px;
}
.hiddenArea a img {
    width:45px;
    height: 74px;
    padding: 5px;
}
#switch_butt {
/*
	position: relative;
	top: 4px;
	right: 6px;
*/
}
.placeholder {
	color: #999;
}

.header-link {
    color: #FFF !important;
    font-weight: normal;
}

.switchView {
    float: right;
    position:relative;
    top: -24px;
    *top: -23px;
}

.submitNewsBut {
    float: right;
    position:relative;
    top: -26px;
    font-weight: bold;
    cursor:pointer;
    *top: -25px;
    
}
.grid_avatar {
	max-width: 24px;
}
.placeholder {
	color: #999999;
	padding: 2px;
}

#artworkIMG {
	/*display:none;*/
}

.artworkloading {
    height : 100% ; 
    width:100%;
    background:url("../css/../images/img-loader-wt.gif") center center no-repeat;
    height:200px;	
}
/******* END layout-yii.css *******/


/******* nav.css *******/

/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
    font-size:12px;
    font-family:"lucida grande","lucida sans unicode","verdana","arial","tahoma","sans-serif";
    position:relative;
    background:#202025;/*666*/
    max-width:100%;
    height:2.5em;
    margin:7px 0px 10px 0px;
}
ul.nav li {
    cursor:pointer;
    float:left;
    text-align:center;
    list-style-type:none;
    font-weight:normal;
}
ul.nav li ul {
    cursor:default;
    width:100%;
    max-width:100%;
    position:absolute;
    height:auto;
    top:2.5em;
    background-position:0 0 !important;
    left:-9000px;
}
ul.nav li ul li {
    padding:0;
    border:none;
    width:auto;
    max-width:none;
}
ul.nav li a {
    color:#8E8E8E;/*fff*/
    background:#202025;/*666*/
    font-weight:bold;
    text-decoration:none;
    display:block;
    float:left;
    padding:0 1em;
    height:2.4em;
    line-height:2.5em;
}
ul.nav li ul li a {
    position:relative !important; /* ie Mac */
    cursor:pointer !important;
    white-space:nowrap;
    line-height:2em;
    height:2em;
    font-weight:normal;
    color:#666;
    background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#FFF; /*background:#cccccc;*/}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
/*ul.nav li {background:#ccc !important}*/
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#202025; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {/*color:#000;*/ background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666;color:#FFF; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
    background:#202025;/*666*/
}
ul.main li {
    position:relative;
    top:0;
    left:0;
}
ul.main li ul {
    border-top:0;
}
ul.main li ul li {
    float:left;
}
ul.main li a {
    height:2.5em;
    line-height:2.5em;
    border:0;
    color:#8E8E8E;/*#fff*/
    background:#202025;/*666*/
}
ul.main li ul li a {
    width:12em;
    line-height:2em;
    height:2em;
    text-align:left;
    color:#8E8E8E;/* #fff */
    border-top:1px solid #444;
    background:#444444;
}
ul.main li a:focus {color:#fff; background:#202025;}/*666*/
ul.main li ul li a:hover {
    color:#fff;
    /*background:#555;*/
}
ul.main li:hover a {
    color:#fff;
    /*background:#555;*/
}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover {color:#fff; background:#595B68;}/* #444444 */
ul.main li:hover a:active {background:#202025;}/* #444444 */ 
ul.main li:hover ul li a:active {color:#fff; background:#34353C;}

ul.nav li.selected a {
    color:#fff;
    /*background:#1a1a1a;*/
    background: #595B68;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
    float:right;
    color:#cde;
    background:transparent !important;
    margin-top:5px;
    margin-bottom:10px;
}
ul.nav li.secondary span.status {
    float:left;
    padding:0 1em;
    line-height:2.77em;
    height:2.77em;
    font-size:0.9em;
}
ul.nav li.secondary span.status a {
    float:none;
    display:inline;
    padding:0;
    height:auto;
    line-height:auto;
    color:#cde;
    background:transparent;
}
ul.nav li.secondary span.status a:hover {
    color:#fff;
    background:transparent;
}
ul.nav li.secondary span.status span {
    text-transform:capitalize;
}
ul.nav li.secondary:hover a {
    color:#fff;
    background:#202025;/*666*/
}
ul.nav li.secondary:hover a:hover {
    background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}


.navbar-main {
    background:#34353C; 
    width:160px;/*width:150px; */
    padding-left:0; 
    border: 1px solid rgb(119, 119, 119); 
    display: none; 
    margin-top: -4px; 
    position: absolute; 
    z-index: 11;
}
.navbar-items {
    float:left; 
    padding:3px 0; 
    text-align:left; 
    width:100%;
}
.navbar-items form {
    margin:5px;
}
.navbar-items-link {
    color: white !important;
    cursor: pointer !important;
    font-size: 11px !important;
    font-weight: normal !important;
    padding: 5px !important;
    background:#34353C !important; 
    height: 1.0em !important;
    line-height: 1.0em !important;
}

.navbar-items-arrow {
    padding-right: 15px !important; 
    background: url('../css/../images/arrow.png') no-repeat scroll right center !important;
    cursor: pointer !important;
    font-weight: bold;
}

a.navbar-items-link:hover {
    text-decoration:underline;
}

.navbar-hr {
    border-bottom: 1px solid #777;
    height: 1px !important;
    padding: 0px !important;
}

.w150 {
    width: 150px;
}

/* Header Logged menu */

.headerLoggedIn {
    background:none !important;
    margin: 0px 0px 0px 0px !important;
}

ul.headerLoggedIn li > span {
    height: 2.5em;
    line-height: 2.5em;
    border: 0;
    color: #FFF;        
    padding-left: 5px;    
    cursor: text;
}
ul.nav.headerLoggedIn li a {
    background:none !important;  
}

.navbar-main hr {
    border: 1px solid #FFF;
    clear: both;
    height: 0;
    margin-left: 5px !important;
    margin-bottom: 0px !important;
}

/* mright list
----------------------------------------------- */
ul.nav li.mright {
    float:right;
    color:#cde;
    background:none !important;        
}
ul.nav li.mright span.status {
    float:left;
    padding:0 1em;
    line-height:2.77em;
    height:2.77em;
    font-size:0.9em;
}
ul.nav li.mright span.status a {
    float:none;
    display:inline;
    padding:0;
    height:auto;
    line-height:auto;
    color:#cde;
    background:none;
}
ul.nav li.mright span.status a:hover {
    color:#fff;
    background:none;
}
ul.nav li.mright span.status span {
    text-transform:capitalize;
}
ul.nav li.mright:hover a {
    color:#fff;
    background:none;/*666*/
}
ul.nav li.mright:hover a:hover {
    background:none;
}
ul.nav li.mright:hover a:active {background:none;}
/******* END nav.css *******/


/******* form.css *******/
/*
-----------------------------------------------
Form Elements - Layout CSS
----------------------------------------------- */

/* input box vb styles */

.login-input {
    opacity: 0.6;
    padding: 4px 5px;
    color: rgb(130, 130, 130);
    font-size:11px;
    margin:3px 0 0;
    -moz-border-radius:3px;
    background-color:#FFF;
    border:none;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.loginbutton {
    border:none;
    font:11px 'lucida grande','lucida sans unicode','verdana,arial','thoma,sans-serif';
    height:20px;
    width:50px;
    margin:0;
}

.textbox,
textarea,
select {
    border:solid 1px #34353C;
    outline:0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.languagenew {
    margin-top:5px !important;
    padding: 1px 2px !important;
    margin-bottom:10px !important;
}

.main-menu-input {
    -moz-border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border: medium none;
    font-size: 12px;
    height: 17px;
    margin-bottom: 2px !important;
    opacity: 0.6;
    padding: 2px !important;
    color:#000;
}

.main-menu-button {
    -moz-border-radius: 3px 3px 3px 3px;
    background-color:#EEE;
    border:none;
    color:#34353C !important;
    height: 20px;
    vertical-align: middle;
    font-family : Verdana, Arial, Helvetica, sans-serif !important;
    font-size : 9px !important;
    font-weight : bold !important;
    padding: 2px !important;
    margin-bottom: 2px !important;
}
.main-menu-label {
    font-size: 10px;
    color: #FFF;
    font-weight: bold;
}

.main-menu-search {
    -moz-border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border: medium none;
    font-size: 12px;
    height: 20px;
    opacity: 0.6;
    color:#000;
    border:none;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    /*margin-top:5px !important;
    padding: 1px 2px !important;
    margin-bottom:10px !important;*/
    vertical-align: middle;
    padding-left: 5px!important;
}

.main-menu-sbutton {
    vertical-align: middle;
}

#navbar_search  img {
    vertical-align: middle;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.searchToggle {
    border:1px solid #DDD;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.editbox {
    width:97%;
}


.loginNotify {
    text-decoration: none;
    background:url('../css/../images/arrow.png') no-repeat scroll right center;
    margin-right: 5px;
    padding:0px 12px 0px 0px;
}

.notifyBox {
    margin-left: 60px;
    min-width: 150px;
    background: #34353C;
    padding: 2px;
    border: 1px solid #777;
    display: none;
    margin-top: -4px;
    position: absolute;
    z-index: 11;
}

#rating,#score {
    display: inline-block;
    background: white;
    border: 1px solid #BBB;
    padding: 11px;

}

.artworkCategories {
    width:50%;
}
.ui-spinner {
	overflow: visible;
}

.ui-spinner .ui-icon-triangle-1-s {
	margin-top: -8px!important;
}

.ui-spinner .ui-icon-triangle-1-n {
	margin-top: -8px!important;
}
/******* END form.css *******/

/******* table.css *******/
table.filter {
	width:100%;
	border:1px solid #bbb;
	margin-bottom:10px;
}
table.filter td {
    background:#34353C;
    padding: 3px;
    border: 0;
}

table.filter .tdCaption {
    width: 130px;
    text-align: right;
}

table.filter .tdInput {
    padding-left: 3px;
}

table.filter .tdButton {
    text-align: right;
}


table.artworks_list {
	width:100%;
	border:1px solid #34353C;
	margin-bottom:10px;
}
table.artworks_list thead th {
	border-bottom:2px solid #34353C;
	background:#202020;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
table.artworks_list tbody td {
	border-top:1px solid #34353C;
	border-bottom:1px solid #34353C;
	background:#34353C;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
table.artworks_list tbody tr.odd td {
	background:#595B68;
}

table.comments_list {
	width:100%;
	border:1px solid #34353C;
	margin-bottom:10px;
}
table.comments_list thead th {
	border-bottom:2px solid #34353C;
	background:#202020;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
table.comments_list tbody td {
	border-top:1px solid #34353C;
	border-bottom:1px solid #34353C;
	background:#34353C;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
table.comments_list tbody tr.odd td {
	background:#595B68;
}

.comment_avatar {
	width: 120px !important;
	text-align: center !important;
}
.comment_title {
	width: 150px !important;
}
table.comment_header {
	width: 100%;
	border-bottom: 1px solid #bbb;
	margin-bottom: 10px;
}
table.comment_header td {
	padding: 0 3px 3px 3px !important;
	font-size: 12px;
	border: 0 !important;
}
.comment_header_left {
	text-align: left !important;
	width: 100px !important;
}
.comment_header_left_moderate {
	text-align: left !important;
}

.comment_header_center {
	text-align: center !important;
}
.comment_header_right {
	text-align: right !important;
	width: 100px !important;
}
.comment_header_right_moderate {
	text-align: right !important;
}
.distrib-table {
    margin:0 auto;
    width: 1000px;
    border:0;
    border-collapse:collapse;
}

.distrib-td-logo {
    vertical-align: middle;
    text-align: center;
    width:132px;
}

.distrib-td-product {
    vertical-align: middle;
    text-align: center;
}

table.buycredits {
	width: 600px;
	border: 1px solid #bbb;
	margin: 30px auto;
}
table.buycredits th {
	border-bottom:2px solid #676978;
	background:#676978;
	text-align: center;
	vertical-align: middle;
}
table.buycredits th input {
	border: 0 solid #676978;
	margin-top: 10px;
}
table.buycredits td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}

table.carousel {
	width:100%;
	border:1px solid #bbb;
	margin-bottom:10px;
}
table.carousel thead th {
	border-bottom:2px solid #676978;
	background:#bbb;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
table.carousel tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
/* bottom sub-menu VB like start */
ul.nav li ol.navbar-main{
    margin-top: -4px;
}
ul.nav li ul.vb-bottom-menu{
    left: 0em;
    top: 2.18em;
    width: 100%;
    z-index: 10;
    background: #595B68;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
ul.main li ul.vb-bottom-menu li{    
    position:static;
    height: 2em;
}
ul.main li ul.vb-bottom-menu li a{
    border: none;
    width: auto;
}
ul.main li{
    position:static;
}
ul.main li:hover ul.vb-bottom-menu li a:active{
    background: #595B68;
}

ul.main li ul.vb-bottom-menu li:first-child {
    margin-left: 20px;
}
ul.main li ul.vb-bottom-menu li a{
    padding: 0px 5px;
    font-size: 11px;
    color: #9A9A9A;
    margin-top: 4px;
    line-height: 1.5em;
    height: 1.5em;
}
ul.nav li.secondary {
    margin-top: 0px;
}
ul.nav li ul.navbar-main{
    margin-top: -4px;
}
ul.main li ul.vb-bottom-menu li a.sub-menu-active {
    background: #7A7C8C;
    color: #fff;
}
/* bottom sub-menu VB like end */

input#main-menu-sbutton{
    border: 0;
}
/******* END table.css *******/

/******* UI TO TOP ********/
#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    right:10px;
    overflow:hidden;
    width:51px;
    height:51px;
    border:none;
    text-indent:-999px;
    background:url(../css/../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
    background:url(../css/../images/ui.totop.png) no-repeat left -51px;
    width:51px;
    height:51px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline:none;
}
/******* END TO TOP ********/

.lazy {
    display: none;
}

.tag-form {
    display: block;
}
.tag-form .tag-row {
    display: block;
    height: 30px;
    line-height: 15px;

}
.tag-form .tag-add {
    border: 0px;
    padding: 2px;
    vertical-align: middle !important;
}
.tag-form .ui-autocomplete-input {
    width:80% !important;
}



.info-success {
	color: lightgreen;
	padding: 5px 5px 5px 0px;
}

.info-error {
	color: red;
	padding: 5px 5px 5px 0px;
}