/*********************************************
  CPG Dragonfly™ CMS
  ********************************************
  Copyright © 2004 - 2010 by CPG-Nuke Dev Team
  http://dragonflycms.org

  Dragonfly is released under the terms and conditions
  of the GNU GPL version 2 or any later version

  $Source: /cvs/themes/reDesign/style/style.css,v $
  $Revision: 1.170 $
  $Author: estlane $
  $Date: 2010/03/22 21:39:48 $ disabled 619 to 640-wn 775 to 780 toggle in top of box
**********************************************/

/* Used if normal header isn't used, i.e Printer Friendly Article */
/* However does not work when actually printing because style.css is for screen media type */
@import url('print.css') print;

/* The main values */
body {
    background-color:#FFF;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #222222;
    font: 13px Arial, "helvetica neue", "lucida grande", "helvetica", sans-serif;
    line-height: 1.4; /*line-height doesn't have em unit!*/
}

/************************************************************/
/* The styles for the main nav                           */
/***********************************************************/
#mainnav {
	background: #0047B6;
	margin-left: 12px;
	margin-right: 12px;
}
#mainnav ul {
	list-style-type: none;
	margin: 0;
	padding: 8px;
}
#mainnav li {
	display: inline;
}
#mainnav li a  {
	color: #fff;
	padding: 8px;
	border-left: 1px solid #fff;
}
#mainnav li a.first {
	padding-left: 0;
	border-left: none;
}
#mainnav li a:hover  {
	text-decoration: underline;
}
/************************************************************/

/* style for message that is shown to admins when site is in 'maintenance mode' */
.important_msg {
	background-color: White;
	color: Red;
	font-weight: bold;
	text-align: center;
	border: 1px solid Red;
	padding: 6px;
	margin-bottom: 10px;
}
br {
  clear: left;
}

/* Main link styles*/
/* Usually the preferred order of pseudoclasses are:
LoVe For HAte - LVFHA - Link,Visited,Focus,Hover,Active
However, it's not important here as outline would be 0 for everything,
outline is a box that Firefox produces i.e when clicking a link, I don't like it */
a, a:link, a:visited {
    color: #494183;
    text-decoration: underline;
}
a:visited {
    color: #5493B4;
}
/* a:link, a:active, a:visited {} */
a:hover {
    text-decoration: none;
}
a:active, a:focus {
    outline: 0; /* for browsers that understand */
}

form {
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
}
fieldset {
    margin-bottom: 10px;
    border: 1px solid #C0DCC0;
    padding: 10px;
}
legend {
    font-weight: bold;
    color: #000000;
}
img {
    border: 0;
}
br {
    clear: left;
}
/*Horizontal line*/
hr {
    height: 0;
    border: 0 solid #F7EBE8;
    border-top-width: 1px;
}
input, textarea, select {
    color: #000;
    font: normal 12px Verdana, Arial, "helvetica", sans-serif;
}
label.set, radio.set, input.set {
/*display: block; would cause white top and bottom margin?*/
/*float: left; would cause br to function incorrectly*/
}
radio.set {
    vertical-align: text-bottom;
}
label.set {
    text-align: left;
    width: 300px;
    padding-right: 10px;
    margin-bottom: 5px;
}
input.ulog {
    display: block;
    float: left;
}
label.ulog {
    display: block;
    float: left;
    text-align: left;
    width: 125px;
    padding-right: 10px;
    margin-bottom: 5px;
}
.rd {
    text-align: left;
    width: 60px;
    padding-left: 3px;
    padding-right: 10px;
}
.no {
    text-align: right;
    width: 8px;
    padding-right: 10px;
}
.yes {
    text-align: left;
    width: 20px;
    padding-right: 10px;
    vertical-align: bottom;
}
input.sub {
    left: 20px;
    float: none;
}

input.post, textarea.post, select, .postinput input {
/*margin: 0px;*/
}
input[type="text"], input[type="password"] {
/*margin: 0px;*/
}

input.post, textarea, .postinput input {
    background: #FFF url('../images/backgrounds/input/input-background.gif') repeat-x top left;
    border: 1px solid #C0C0C0;
    padding: 2px;
    color: #333;
}
input[type="text"], input[type="password"] {
    background: #FFF url('../images/backgrounds/input/input-background.gif') repeat-x top left;
    border: 1px solid #C0C0C0;
    padding: 2px;
    color: #333;
}
textarea:hover, input.post:hover, .postinput input:hover {
    border: 1px solid #808000;
}
/*We need to use selectors like type separately not with commaseparated, because IE would ignore all then */
input[type="text"]:hover, input[type="password"]:hover {
    border: 1px solid #808000;
}
input.post:focus, textarea:focus, .postinput input:focus,
input[type="text"]:focus, input[type="password"]:focus {
    border: 1px solid #FBC115;
}
input.mainoption {
    margin-left: 4px;
    margin-right: 4px;
    font-weight: bold;
}

input.liteoption {
    margin-left: 4px;
    margin-right: 4px;
    font-weight: normal;
}

/* Used in PM, survey block */
input.button {
    height: 28px;
    min-height:28px;
    margin-right: 4px;
    border: 1px solid #ccc;
    padding: 4px 6px;
    background: url('../images/backgrounds/input/button-bg.gif') repeat-x top left;
    text-decoration: none;
    color: #000;
    vertical-align: middle;
}

input.button:hover {
    border-color: #999;
    text-decoration: none;
    color: #000;
}


/* HEADERS */
h1, h2, h3, h4, h5, .maintitle, .title {
    font-family: "Myriad Pro", "bitstream vera sans", "Trebuchet MS", "helvetica neue", "helvetica", Arial, sans-serif;
    font-weight: normal;
}

/* Disable underline for header links */
h1, h1 a, h1 a:link, h1 a:hover, h1 a:visited,
h2, h2 a, h2 a:link, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:link, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:link, h4 a:hover, h4 a:visited,
h5, h5 a, h5 a:link, h5 a:hover, h5 a:visited {
    text-decoration: none;
}
/*Used also at forum topic titles for example*/
.maintitle, h1 {
    text-decoration: none;
    color: #000;
}
/*Newstitles*/
h2 {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    font-size: 2.1em;
}

h2, h2 a, h2 a:link, h2 a:visited {
    color: #000;
    text-shadow: #EEEEEE 2px 2px 1px;
}
h2 a:hover {
    color: #2277EE;
}

h3 {
    font-size: 1.6em;
    margin: 0;
    padding: 0;
    text-shadow: 2px 2px #F5F5F5;
    color: #6C6C6C;
}
span.title {
    font-size: 1.6em;
    margin-bottom: 5px;
    padding: 0;
    text-shadow: 2px 2px #F5F5F5;
    color: #6C6C6C;
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #d7d7d7;
}
h3, h3 a, h3 a:link, h3 a:visited {
    color: #000;
}
h3 a:hover {
    color: #2277EE;
}

h4 {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
}
h5 {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
}

/* Text paragraph */
p {
    margin: 0;
    padding: 0;
    margin-top: 3px;
    margin-bottom: 10px;
}

.gen {
    font-size: 1.1em;
}
.genmed {
    font-size: 1em;
}
.gensmall {
    font-size: 0.9em;
    font-weight: normal;
}
a.gen, a.genmed, a.gensmall {
    text-decoration: none;
}
a.gen:hover, a.genmed:hover, a.gensmall:hover {
    text-decoration: underline;
}

.content {
    background: none;
    color: #000;
}

.option {}
.tiny {
    font-size: 0.8em;
    font-weight: normal;

    /*background: none;
     color: #000;
     text-decoration: none;
     font: normal 10px Verdana, Helvetica, sans-serif;*/
}



/* pop-up help item */
.helphead, .helpcontent {
    margin: 0;
    background-color: #939393;
    color: #FFF;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.helphead { /* pop-up help item title */
    margin: 0;
    padding: 5px 5px;
    width: 230px;
    font: normal 12px "Lucida Grande", "Franklin Gothic Medium", tahoma, arial;
    text-transform: uppercase;
}
.helpcontent { /* pop-up help item content */
    padding: 10px;
    width: 220px;
}

/*The skip to link, which is shown only without stylesheet or on smallscreens(ie mobiles) */
.skiplink {
    display: none;
}

.clear {
    clear: both;
}

/* Don't add anything else in these (used to reverse simple floats in rtl) : */
.float_left {
    float: left;
}
.float_right {
    float: right;
}

/* BEGIN HEADER SECTION */
/* header, logo and stuff changed on 07/15/2013*/
#header {
	width: 100%;
	position: relative;
}

#offer {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 105px;
	height: 105px;
	background: url('../images/offer.jpg') no-repeat;
}

#footer {
	position:relative;
	margin: 12px;
	height: 100%;
}

#powered {
	background: url('../images/powered.jpg') no-repeat;
	width: 63px;
	height: 63px;
	position: absolute;
	right: -2px;
	bottom: -2px;
}
/*map icon*/
#langselection {
    display: block;
    position: absolute;
    right: 7px;
    top: 10px;
    margin: 0;
    padding: 0;
    border: 1px solid #B0B0B0;
    width: 36px;
    background: transparent url('../images/backgrounds/header/world_map.png') no-repeat center center;
    height: 20px;
}

/*pop-up box*/
#languages_popup {
    position: absolute;
    top: 31px;
    right: 7px;
    z-index: 9;
    width: 300px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    padding: 3px;
    padding-bottom: 20px;
    border: 1px solid #747474;
    overflow: hidden;
}

#languages_popup a, #languages_popup a:link, #languages_popup a:hover, #languages_popup a:visited {
    color: #FFF;
}
#languages_popup h4 {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
    color: #DDDDDD;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}
/* Close languages popup link */
#languages_popup a, #languages_popup a:link {
    color: #DBCBBF;
}
#languages_popup span {
    display: block;
    float: left;
    width: 30%;
    font-weight: bold;
    color: #F7FBC4;
    padding-left: 5px;
    text-transform: uppercase;
}
#languages_popup span a, #languages_popup span a:link {
    color: #FFF;
}

/*form#headsearch {
    display: inline;
    position: absolute;
    top: 0;
    right: 0;
    margin: 45px 30px 0 0;
    padding: 0;
}
form#headsearch, form#headsearch label, form#headsearch a {
    color: #FFF;
}
form#headsearch label {
    display: block;
    padding-bottom: 2px;
}

form#headsearch a {
/*text-decoration: none;*/
    text-transform: lowercase;
}
*/
/*
form.special em, form.special b, form.special tt, form.special i {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    width: 8px;
    height: 18px;
    background: transparent url('../images/backgrounds/header/searchbox_l.gif') no-repeat top left;
}
form.special input.specialtext {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    padding: 0 2px;
    border: 0;
    outline: 0;
    width: 125px;
    height: 18px;
    background: transparent url('../images/backgrounds/header/searchbox.gif') repeat-x top left;
    color: white;
}
form.special b {
    background: transparent url('../images/backgrounds/header/searchbox_r.gif') no-repeat top left;
}

form.special tt {
    margin-left: 5px;
    background: transparent url('../images/backgrounds/header/searchbutton_l.gif') no-repeat top left;
}
form.special button {
    display: block;
    float: left;
    margin: 0;
    padding: 0 3px;
    border: 0;
    outline: 0;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    background: transparent url('../images/backgrounds/header/searchbutton.gif') repeat-x top left;
    color: #000;
    font: bold 12px 'trebuchet ms', arial, tahoma, verdana;
    text-shadow: #FFF 1px 1px 0px;
    cursor: pointer;
}
form.special i {
    background: transparent url('../images/backgrounds/header/searchbutton_r.gif') no-repeat top left;
}
form.special button:hover {
    color: #CC0000;
}
*/
#log_in_box {
    display: inline;
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px 30px 0 0;
    padding: 0;
}
#log_in_box h4 {
    color: #FFF;
}
#log_in_page {
    background-color: #E9FDDB;
    padding: 10px;
    border: 1px solid #60A9D5;
}
#log_in_box div, #log_in_page div {
    float: left;
    margin-left: 5px;
}
#log_in_box div label, #log_in_page div label {
    display: block;
    clear: right;
    color: #FFF;
}
#log_in_page div label {
    color: #000000;
}
#log_in_box div .losspass, #log_in_page div .sublink {
    display: block;
    float: left;
    clear: left;
    margin-top: 5px;
    font: 10px verdana, tahoma, arial;
    color: #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    text-decoration: none;
}
#log_in_page div .sublink {
    color: #7575FF;
    border-bottom: 1px solid #7575FF;
}
#log_in_box div .losspass:hover, #log_in_page div .sublink:hover {
    text-decoration: none;
    border-bottom: 0;
}
#log_in_box .closebutton, #languages_popup .closebutton {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url('../images/backgrounds/header/close.png') no-repeat top left;
    height: 16px;
    width: 20px;
}

#headertools {
    position: absolute;
    top: 156px;
    right: 0;
    margin: 0;
    margin-right: 15px;
    font-weight:bold;
    color: #FFF;
}
#headertools a, #headertools a:link, #headertools a:visited, #headertools a:hover {
    text-decoration: underline;
}

#headertools #userinfo {
    float: left;
}
#headertools #userinfo a {
    color: #FFF;
    font-weight:bold;
    text-decoration: underline;
}
/* This is often used whether or not visited */

#headertools #userinfo a:visited {
font-weight:bold;    
color: #FFF;
}
#headertools #userinfo a:hover {
    text-decoration: none;
}

.logo-clickable {
    background-image: url('../images/backgrounds/header/Blank_Spacer.png');
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-clip: border-box;
    transition: background-size 0.2s;
    transition-timing-function: cubic-bezier(.07,1.41,.82,1.41);

    display: block;
    width: 600px;
    height: 190px;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space:nowrap;
}

.logo-clickable:hover {
    background-size: 500px;
}

/* END HEADER SECTION */

/*
	#maincontainer contains everything between header and footer
	DO NOT give it a positon:relative, because it would ruin the javascript help tips positioning
*/
#maincontainer {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;/*Actually it expands only as far as #main expands, doesn't matter of sideblocks*/
    background-color: #FFF;
    padding-top: 15px;
}

/*left side toggle image*/
/*img#pic600 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 147px 0px 0px 3px;
    padding: 0;
    width: 9px;
    height: 9px;
    cursor: pointer;
}*/
/*right side toggle image*/
/*img#pic601 {
    position: absolute;
    top: 0;
    right: 0;
    margin: 147px 3px 0px 0px;
    padding: 0;
    width: 9px;
    height: 9px;
    cursor: pointer;
}*/

/* The content area between sideblocks */
#main {
    margin: 0;
    padding: 0 20px;/*We use padding instead of margin, because IE6 sucks*/
    display: table;/*For Opera, Safari, Firefox and other nonIE */
    height: 100%;
    vertical-align: top;
}

h2.page_title {
    color: #3E3E3E;
    border-bottom: 2px solid #3E3E3E;
}

/* START ROUND CORNERS */
span.corners-bottom, b.corner-lt { background-image: url("../images/backgrounds/corners/corners_left.png"); }
span.corners-bottom span, b.corner-rt { background-image: url("../images/backgrounds/corners/corners_right.png"); }

* html span.corners-bottom, * html b.corner-lt { background-image: url("../images/backgrounds/corners/corners_left.gif"); }
* html span.corners-bottom span, * html b.corner-rt { background-image: url("../images/backgrounds/corners/corners_right.gif"); }


/* Top corners */
b.corner-lt, b.corner-rt {
    display: inline;/*Not block, because of IE floated margin bug*/
    float: left;
    height: 5px;
    width: 5px;
    font-size: 1px;
    line-height: 1px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0;
    margin-left: -10px;
    margin-top: -5px;/*top padding of .block*/
    padding: 0;
}
/* Right-top corner */
b.corner-rt {
    float: right;
    margin-left: 5px;/*For IE*/
    margin-right: -10px;
    background-position: 100% 0;
    clear: right;
}


.wip_post b.corner-lt, .wip_post	b.corner-rt {
/* As wip_post cant have top padding, we dont need negative margin */
    margin-top: 0;/*top padding of .wip_post */
}

/*Bottom corners*/
span.corners-bottom, span.corners-bottom span {
    font-size: 1px;
    line-height: 1px;
    display: block;
    height: 5px;
    background-repeat: no-repeat;
    font-size: 1px;
    line-height: 1px;
}
span.corners-bottom {
    background-position: 0 100%;
    margin: 0 -10px;
    clear: both;
}
span.corners-bottom span {
    background-position: 100% 100%;
}
/* END ROUND CORNERS */

/*Left and right side blocks */
#pe600, #pe601 {
    display: table;
    margin: 0;
    padding: 0;
    width: 200px;
    height: 100%;
}

/* Left side blocks */
#pe600 {
    float: left;
    padding-left: 10px;
}

/* Right side blocks */
#pe601 {
    float: right;
    padding-right: 10px;
}

.block {
    margin: 0;
    margin-bottom: 20px;/*Space between every block*/
    clear: both;
    padding: 5px 10px;
    padding-bottom: 0;
    color: #3F4D52;
    zoom: 1;/*Layout triggerer for IE's*/
}
.block h2 {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    padding-bottom: 2px;
    text-transform: uppercase;
    font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #6A6A6A; /*AFFECTS TOP BOX*/
    text-shadow: none;
    overflow: hidden; /*Clears float*/
}


/*Toggle block visibility button */
.block h2 kbd {
/*font: normal 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
    cursor: pointer;
/*Disable text-selection while toggling...*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    visibility: hidden;
    vertical-align:bottom;
    display: block;
    float: right;
    color: #696969;
    margin-top: 7px;
    line-height: 0.6em;
    height: 0.6em;
}
/*.block h2:hover kbd {
    visibility: visible;
}*/
/*.block h2 kbd:hover {
    color: #F8B427;
}*/

.block a, .block a:link, .block a:visited {
    text-decoration: none;
    color: #494183;
}
.block a:hover {
    text-decoration: underline;
    color: #494183;
}

/* Left block */
#pe600 .block {
    border-right: 1px solid #B1B1B1;
}

/* Right block */
#pe601 .block {
    border-left: 1px solid #B1B1B1;
}




.block hr {
    height: 0;
    border: 0;
    border-top: 1px solid #F3F3F3;
}



/* Center blocks and message */
.centerblock {
    margin: 0;
    margin-bottom: 20px;/*Space between every block*/
    clear: both;
    padding-bottom: 0;
    zoom: 1;/*Layout triggerer for IE's*/

    background: #0047B6 ;/* For original redesigned block color */
	/*background: #CBDDEE url('../images/backgrounds/boxes/block/bg.png') repeat-x 0 -12px;/* For old redesign2 look use this line */
/* Clear inside floats. This helps collapse animation. */
    overflow: hidden;

    box-shadow: 0px 1px 3px #DFDFDF;
    -webkit-box-shadow: 0px 1px 3px #DFDFDF;
    -moz-box-shadow: 0px 1px 3px #DFDFDF;
    border-radius: 6px;
    -moz-border-radius: 6px;

    -ms-box-shadow: 0px 1px 3px #DFDFDF;
}

.centerblock h2 {
    display: block;
    float: right;
/*margin: 10px 0px 5px 0px;*/
    border: 0;
    margin-right: 10px;
    padding: 5px 12px;
/*padding: 5px 10px 0px 10px;*/
    background-color: #858585;
    font: normal 12px "verdana", "helvetica", "arial", sans-serif;
    text-align: left;
    text-shadow: none;
    color: #FFF;
    text-transform: uppercase;
    overflow: hidden; /*Clears float*/

    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;

    cursor: pointer;
/*Disable text-selection while toggling...*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}



/* onMouseDown */
.centerblock h2:active {
    box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
}

.centerblock .state_indicator {
    display: block;
    float: right;
    width: 15px;
    height: 15px;
    margin-top: 7px;
    margin-right: 3px;
    background: transparent url('../images/backgrounds/blocks/arrows.gif') no-repeat -3px 0;

/*test*/
    xbackground-color: green;
}

.collapsed .state_indicator {
    background-position: -17px 0;
}

.blockcontent {
    clear: both;
/* Clears inside floats and allows collapse animation */
    overflow: hidden;
}

.collapsed .blockcontent {
    display: none;
}

.centerblock .blockcontent {
    padding: 10px;
}

.message h2 {
    background-color: #4A4A4A;

    cursor: default;
/* Overwrite text-selection back to normal*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.message h2:active {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.message {
    background-color: #FDFEE7;
    overflow: hidden;
}
.message .date {
    display: block;
    margin: 10px 2px 0px 2px;
    padding: 1px 10px;
    color: #858585;
    float: right;
    position: relative;
}
.message .date span {
    display: block;
}

/* Maintenance mode notice*/
.imp_message {
    color: #FFF;
    background-color: #FF0000;
    text-align: center;
    border-width: 0;
    padding: 6px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: normal;
}
/* Maintenance mode notice title*/
.imp_message strong {
    font-style: normal;
    font-weight: bold;
    font-size: 1.1em;
}
.imp_message a {
    color: #DFFFE4;
}
.imp_message a:visited {
    color: #EBEEEA;
}

/*BEGIN NEWS SECTION*/
/* div that holds newscat, newsempty newstopic in themes/x/template/news/index.html */
.newsindex {
    margin-bottom: 30px;/*after every article*/
}
.newsindex h3 {
    margin-bottom: 0;
    padding-bottom: 0;
}
/* div that holds the news stories in themes/x/template/news/article.html */
.newsarticle {
    margin-bottom: 20px;
}
.storytime {
    margin: 0;
    padding: 0;
    font: normal 12px Arial, Verdana, Helvetica;
    color: #858383;
    margin-bottom: 15px;
}
.storytime a {
    color: #858383;
}
/* News story */
.storycontent {
    padding-left: 5px;
    padding-right: 15px;
    overflow: hidden;
    color: #000;
}
/* Read more link... etc */
.storymore {
    margin-top: 2em;
}

/* Poster, comments etc */
.storydetails, .storylinks {
    margin: 0;
    margin-top: 1em;
    font-size: 12px;
    color: #787878;
    background-color: #F7F7F7;
    text-align: left;
    list-style-type: none;
    padding: 3px 10px 0px 10px;
}
.storylinks {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 3px;
}

.storydetails li, .storylinks li {
    margin: 0;
    padding: 0;
    display: inline;
    padding-right: 3px;
}
.storydetails a, .storydetails a:link, .storydetails a:visited,
.storylinks a, .storylinks a:link, .storylinks a:visited {
    color: #328136;
}
/*Score*/
.smallrating, .smallrating span {
    background: transparent url('../images/news/star.gif') repeat-x 0 0;
    line-height: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
}
.smallrating {
    display: -moz-inline-block;
    display: inline-block;
    width: 50px;
    overflow: hidden;
}
.smallrating span {
    display: block;
    float: left;
    background-position: 0 -10px;
}
/*Text version*/
.smallrating span span {
    display: none;
}

/**** Comments Section ****/
/*COMMENT WARNING*/
.commwarn {
    background-color: #FFFBF0;
    border-top: 1px solid #C0DCC0;
    border-bottom: 1px solid #C0DCC0;
    padding: 4px;
    margin-bottom: 10px;
}

/*COMMENT THRESHOLD*/
.commview {
    background-color: #FFFBF0;
    border-top: 1px solid #C0DCC0;
    border-bottom: 1px solid #C0DCC0;
    padding: 4px;
    margin-bottom: 10px;
}

/*User name below avatar image*/
.avatar_name {
    display: block;
    float: right;
    text-align: center;
    width: 90px;
    padding: 3px;
    margin: 5px;
    margin-bottom: 0;
    border: 1px solid #FDF1A2;
    background-color: #FFFFFF;
    font: bold 1em arial, verdana, sans-serif;
}
/*Avatar image*/
.avatar_img {
    float: right;
    clear: right;
    padding: 3px;
    margin: 5px;
    border: 1px solid #2F939D;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 90px;
    text-align: center;
}
.combox1, .combox2 {
    background: #F2F2F2 url('../images/backgrounds/boxes/comments/topshade1.gif') repeat-x top left;
    margin-left: 10px;
    border-bottom: 1px solid #ddd;
    padding: 8px;
    font-size: 14px;
    margin-top: 10px;
}
.combox2 {
    background: #FFFFF2 url('../images/backgrounds/boxes/comments/topshade2.gif') repeat-x top left;
}
.cominnerbox {
    margin-left: 10px;
}
.comtime {
    font-size: 12px;
    color: #aeaeae;
    margin-bottom: 10px;
}
.comfooter {
    text-align: right;
}
/**** End of Comments ****/

/*END NEWS SECTION*/

.table1,.table2 {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #FFF;
}
/* div called from function OpenTable2 */
.table2 {
    width: 50%;
    text-align: center;
}

.bodyline {
    border: 1px #00A600 solid;
    background: #FFF;
}

/*spaceRow is i.e below every forumpost in old templates*/
td.spaceRow {
    border: 0;
    background-color: #00D5D5;
    height: 1px;
}
th.thHead, td.catHead, .tableh2 {
    font-size: 12px;
}
th.cat {
    text-align: left;
}
/*In user account the Contact has stupid height="28" hardcoded */
td.catleft {
    height: 1em !important;
    padding:0;
}

a.albums {
    color: #FFF;
}
a.albums:hover {
    color: #FFF;
    text-decoration: none;
}


/*START CPGBB STUFF(used in mostly old templates aswell*/
/* Subforums titles */
.forumlink {
    font-weight: bold;
    font-size: 12px;
}
a.forumlink {
    text-decoration: none;
}
a.forumlink:hover {
    text-decoration: none;
}
/* Forum navigation */
.nav {
    font-weight: bold;
    font-size: 11px;
    color: #000;
}
a.nav {
    text-decoration: none;
}
a.nav:hover {
    text-decoration: none;
}
a.nav:visited {
    color: #2277EE;
}

/* Forum categories */

h2.cattitle {
    display: block;
    margin: 10px 0px 5px 0px;
    border: 0;
    text-shadow: none;
    padding: 5px 10px 0px 10px;
    background-color: #E2E2D6;
    color: #3D4358;
    font-size: 16px;
    font-weight: bold;
}

h2.cattitle span.plusminus {
    float: right;
    font-size: 12px;
    cursor: pointer;
    color: #000;
}

h2.cattitle a:link, h2.cattitle a:visited, h2.cattitle a:hover {
    color: #3D4358;
    text-decoration: none;
    font-size: 16px;
    text-shadow: none;
}

.afterposts {
    margin: 5px 0;
    padding: 5px 0;
    border-top: 1px solid #EBEBEB;
    zoom: 1;/*Layout triggerer for IE's*/
}
.afterposts .leftinfo {
    float: left;
}
.afterposts .rightinfo {
    float: right;
    text-align: right;
}


.quickreply {
    width: 98%;
    margin: 0 auto;
}
.quickreply h3 {
    margin-top: 0;
}
.quickreply textarea {
    margin: 0 auto;
    margin-bottom: 4px;
    padding: 2px 0;
    width: 100%;
    max-width: 100%;/*For Safari textarea resize CSS3 feature*/
    height: 20em;
    text-align: left;
}
.quickreply label {
    padding-left: 4px;
    margin-right: 4px;
}

/*Preview and Submit buttons*/
.quickreply .subm, .post_reply .subm {
    margin-right: 4px;
    margin-top: 10px;
    height: 2em;
    font-size: 1em;
}

/*Forum topic adminicons*/
.topic_admin {
    overflow: hidden;
    height: 20px;
    margin-bottom: 10px;
}
.topic_admin a {
    display: block;
    float: left;
}
.topic_admin a:hover img {
    margin-top: -20px;
}

/*BBCode helpline*/
input.helpline, input.helpline:hover, input.helpline:focus, input.helpline:active {
    border: 0;
    outline: 0;
    background: transparent;
    width: 100%;
}
/* BBCode button */
/*.bbcbutton, .bbcbutton_pressed {
	border: 1px solid #cccccc !important;

	background-color: #E6E6E6;
	margin: 3px 2px 5px 0;*/
/*vertical-align: middle;*/ /*For font color and size actually*/
/*}
.bbcbutton:hover {
	background-color: #FFF;
	border: 1px outset #DADADA !important;
}
.bbcbutton_pressed {
	background-color: #FFF;
	border: 1px inset #DADADA !important;
}*/


.bbcbutton {
    margin: 4px 3px 6px 1px;
    background-color: #E6E6E6;
    vertical-align: middle;
}
.bbcbutton:hover {
    border: 1px outset #DADADA !important;
}
.bbcbutton:active {
    border: 1px inset #DADADA !important;
}

.bbcbutton:hover, .bbcbutton:active, .bbcbutton_pressed {
    margin: 3px 2px 5px 0;
}

.bbcbutton_pressed {
    border: 1px inset #DADADA !important;
    background-color: #FFF;
    vertical-align: middle;
}
.bbcbutton_pressed:hover {
    background-color: #F9F9F9;
}
.bbcbutton_pressed:active {
    border: 1px inset #DADADA !important;
    background-color: #E6E6E6;
}


/* Post replying */
.post_reply {
    background-color: #E6E6E6;
    padding: 10px;
}
.post_reply textarea.post {
    margin: 0 auto;
    margin-bottom: 4px;
    padding: 2px 0;
    width: 100%;
    max-width: 100%;/*For safari textarea resize CSS3 feature*/
    height: 30em;
    text-align: left;
}
.post_reply .options label {
    padding-left: 4px;
    margin-right: 4px;
}


/* BBCode help message */
.post_reply .helpline {
    color: #797979;
    font-size: 12px;
    width: 700px !important;
}

.bbcode_table {
    width: 100%;
}

.bbcode_table option.genmed {
    background-color: transparent !important;
}

/* Makes to one line, probably wont work in IE
.bbcode_table table tr {
	display: table-cell;
	font-size: 0;
}
.bbcode_table img, .bbcode_table select {
	display: block;
	float: left;
}
.bbcode_table select {
	margin: 5px 2px 5px 0;
}
*/
.smilies table, .smilies table td {
    background-color: transparent;
}
.smilies a, .smilies a:link, .smilies a:visited, .smilies a:hover {
    text-decoration: underline;
}

.topic_review {
    background-color: #FFF !important;
    height: 100%;
    min-height: 100%;
    position: relative;
}

.forumblock {
    display: block;
    clear: both;
    background: #F7F7F7;
    zoom: 1;/*Layout triggerer for IE's*/
    color: #333333;
    margin: 0;
    margin-left: 10px;
    margin-bottom: 4px;
    padding: 10px;
    padding-bottom: 0;
    padding-top: 3px;
    cursor: pointer;
    position: relative;
}
div.forumblock1 {
    background-color: #FFF;
}
div.forumblock2 {
    background-color: #F7F7F7;
}
div.forumblock1:hover, div.forumblock2:hover {
    background-color: #F8F8F3;
}

.forumblock h3 {
    margin: 0;
    padding: 0;
    border: 0;
    text-shadow: none;
    line-height: 27px;/*will align it to the middle of folder icon, the height of folder icon*/
}
.forumblock h3 a:link, .forumblock h3 a:visited {
    color: #666666;
}
/* Disable hover effect, because the whole row is clickable link*/
.forumblock h3 a:hover {
    text-decoration: none;
    color: #666666;
}
.forumblock img.folder {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0;
    border: 0;
    font-size: 1px;
}
.forumblock b.corner-lt, .forumblock  b.corner-rt {
    margin-top: -3px;/*top padding of .forumblock */
}

/* Last post time and poster container */
.last_post {
    display: block;
    float: right;
    line-height: 1.2;
    text-align: right;
}
/* Poster of last post */
.last_post span {
    display: inline;
    float: right;
}

.topicsposts {
    font-size: 12px;
    color: #666666;
    line-height: 1.2;/*For IE*/
    text-align: right;
    clear: right;
    margin-bottom: 2px;
    margin-right: 10px;/*same as padding of .forumblock*/
    position: absolute;
    bottom: 0;
    right: 0;
}
.topicsposts .topicsposts_name {
    float: right;
    margin-right: 3px;
    text-align: right;
}
.topicsposts .topicsposts_numbers {
    float: right;
    font-weight: bold;
    text-align: left;
}

/**/
div.forumdesc {
    font-weight: bold;
    margin-top: 0px;
    padding: 2px;
    float: left;
    clear: left;
    width: 70%;
    line-height: 1.3;/*For IE*/
    margin-bottom: 2px;
}


/* Topics header (announcement, sticky, normal) in forums */
.topic_header {
    margin: 0;
    margin-top: 10px;
    clear: both;
    padding: 4px 4px 0 8px;
    background-color: #E2E2D6;
    color: #3D4358;
    font-weight: bold;
    zoom: 1;/*Layout triggerer for IE's*/
}
/*We have less sidepadding for topic_headers */
.topic_header b.corner-lt, .topic_header span.corners-bottom { margin-left: -8px; }
.topic_header b.corner-rt, .topic_header span.corners-bottom { margin-right: -4px; }


/* Topics table on viewforum */
table.forum_topics {
    width: 100%;
}

table.forum_topics tr.topic td {
    border-bottom: 1px solid #6CB1C6;
    padding-top: 5px;
    padding-bottom: 5px;
}

.moderators {
    display: none;/*Remove this line to show moderators on forum index page*/
    font-size: 0.8em;
    font-style: italic;
    width: 30%;
    text-align: right;
    clear: right;
    margin-bottom: 2px;
    margin-right: 10px;/*same as padding of .forumblock*/
    position: absolute;
    bottom: 0;
    right: 0;
}

/*At forums index_body */
div.forumlegend {
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
}
div.forumlegend img {
    vertical-align: middle;
    margin-right: 3px;
    margin-left: 11px;
}

/*At viewforum*/
ul.forumlegend {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

ul.forumlegend li {
    display: block;
    float: left;
    margin-right: 10px;
    padding-bottom: 5px;
    width: 30%;
}

ul.forumlegend img {
    vertical-align: middle;
    margin-right: 4px;
}

/* Forum topic titles */
.topictitle {
    font-weight: bold;
    font-size: 13px;
}
a.topictitle:link {
    text-decoration: none;
}
a.topictitle:visited {
    text-decoration: none;
}
a.topictitle:hover {
    text-decoration: underline;
}
.name {
    font-size: 0.85em;
    color: #000;
}
.postdetails {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.2;
}
.postbody {
    font-size: 12px;
}

/* Links in posts*/
/*And anywhere where bbcode is used?*/
a.postlink:link {
}
a.postlink:visited {
    color: #5493B4;
}
a.postlink:hover {
}
/*Attachment in forums*/
.attachtable {
    border: 1px solid #C0C0C0;
    border-top: 0;/*this will be handled by items*/
    width: 95%;
    margin-left: 2.5%;
    background-color: #FFFFE1;
}
.attachtable ul.attachmentbox {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.attachtable li {
    padding: 5px 5px 5px 10px;
    border-top: 1px solid #C0C0C0;
}
/* Attachment, item's name*/
.attachtable li.attach_name {
    text-align: center;
    font-weight: bold;
    line-height: 1em;/*to center the text vertically*/
}
/* Attachment's image */
.attachtable li.attach_image {
    text-align: center;
    overflow: auto;
    background-color: #FFF;
    border: 4px solid #ECEAE1;
}

blockquote {
    background: #E3E9EA url('../images/bbcode/quote_left.png') no-repeat top left;
    text-indent: 0;
    margin: 0;
    padding: 5px 3px 0.85em 40px;
    border-bottom: 2px solid #5A848B;
    position: relative;
}
/*IE6*/
* html blockquote {
    background-image: url('../images/bbcode/quote_left.gif');
}
blockquote .name {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.85em;
    color: #000;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
}

.bbcode, .bbphp {
    border: 1px solid #AAE6BF;
    clear: right;
    word-wrap: break-word;
}

.bbchead, .bbphphead {
    background-color: #FFFBF0;
    color: #3CA817;
    padding-left: 3px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}

.bbphphead {
    background: #FFFBF0 url('../images/bbcode/bbcode_php.gif') no-repeat top right;
}

.bbccontent, .bbphpcontent {
    font: normal 9pt 'Courier New', Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFF;
    padding: 3px;
    overflow: auto;
}
.bbccontent pre, .bbphpcontent pre {
    padding: 0;
    margin: 0;
}
.bbccontent pre {
    font-family: monospace;
}
.copyright {
    color: #444;
    letter-spacing: -1px;
    font-size: 10px;
}
a.copyright {
    color: #444;
    text-decoration: none;
}
a.copyright:hover {
    color: #000;
    text-decoration: underline;
}



/* PAGINATION
	Credits: Dynamic Drive CSS Library
	URL: http://www.dynamicdrive.com/style/
*/

.pagination{
    padding: 2px;
}

.pagination ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.pagination li {
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
}

.pagination a, .pagination a:link, .pagination a:visited {
    padding: 0 5px;
    border: 1px solid #72B6B3;
    text-decoration: none;
    color: #72B6B3;
    font-weight: bold;
}

.pagination a:hover, .pagination a:active, .pagination a.currentpage {
    border: 1px solid #628483;
    color: #FFF;
    background-color: #72B6B3;
}

.pagination a.currentpage {
    background-color: #72B6B3;
    color: #FFF !important;
    border-color: #628483;
    cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover {
    background-color: #FFF;
    cursor: default;
    color: #E1E1E1;
    border-color: #EBEBEB;
    font-weight: normal !important;
    display: none;
}

.pagination a.prevnext {
}

div#messagesbox {
    z-index:110;
    position:fixed;
    border-style: double;
    bottom: 0;
    right: 0;
    width: 300px;
    display:none;
    background-color: #F00;
}
#messagesbox div.apply {
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.msgnote {
    text-align: center;
    font-size: 10px;
}

/* Footer, where is copyright and are error messages if wanted*/
#footer {
    clear: both;
    padding: 20px;
/*border-top: 1px solid #6B6B6B;*/
    background: #EEECEA url('../images/backgrounds/footer/top_border.png') repeat-x top left;
    font-size: 0.9em;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover {
}

/*#footer .tasks {
	text-align: left;
	margin-bottom: 10px;
	clear: both;
	height: 1%;
}

#footer .tasks .info {
	float: left;
	padding: 3px;
	clear: both;
}*/

#footer a.editfoot {
    display: block;
    float: left;
    font: 12px tahoma, verdana, arial;
}
#footer a.navtop {
    display: block;
    float: right;
    font: 12px tahoma, verdana, arial;
    background: url('../images/arrow_up.gif') no-repeat left center;
    padding-left: 10px;
}
#footer a.navtop, #footer a.navtop:link, #footer a.navtop:active, #footer a.navtop:visited {
    text-decoration: none;
    border-bottom-width: 0;
    color: #8A8A8A;
}
#footer a.navtop:hover {
    background-position: left top;
    background-color: transparent;
}

.footer_parts {
	text-align: center;
    margin-bottom: 20px;

}

.footer_1, .footer_2, .footer_3 {
}
.footer_1 {
    margin-left: 0;
}

#banner_footer {
    margin-bottom: 20px;
    text-align: center;
}


/* contains time measures and dragonfly links */
.footer_info {
    color: #525252;
    font-size: 0.9em;
}


/* Error or Notice box in footer */
#footer .table1 {
    color: #000;
    margin-top: 10px;
    font-size: 0.9em;
}
#footer .table1 a, #footer .table1 a:link, #footer .table1 a:visited, #footer .table1 a:hover {
    color: #4848FF;
}

ul.footer_links {
    margin: 0;
    padding: 0;
    list-style: none inside;
}

ul.footer_links li {
    display: block;
    margin: 0;
    padding: 0;
}

ul.footer_links a {
    display: block;
    margin: 0;
    padding: 0;
    padding: 2px;
    text-decoration: none;
    color: #000;
    font-size: 1.1em;
    border-bottom: 1px dotted #000;
}

/* Banners */
/*.banner {
	padding-bottom: 10px;
}*/

#banner_after_header {
    margin-top: 10px;
    text-align: center;
}

#banner_main {
    text-align: center;
}



#menu {
    display: inline;
    margin: 158px 0px 0px 0px;/*sides must be 0, put to ul instead*/
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 10;
    font: bold 14px Arial, Tahoma, sans-serif;
    height: 19px;
    line-height: 19px;
}
/* More space saving in admin */
#admin_pages #menu {
    font-size: 12px;
    font-weight:bold;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight:bold;
}
#menu li {
    float: left;
    display: block;
    margin: 0px 5px 0px 0px;
    padding: 0;
    color: #000;
    font-weight:bold;
    white-space: nowrap;
    position: relative;
    text-align: center;
    padding-right: 12px;
}
#menu a {
    text-decoration: none;
    margin: 0; /*for hover border */
    padding: 0px 3px;/*If item is longer than min-width*/
    padding-bottom: 3px; /* To fill gap between menu and end of header */
    border: 0;
    float: left;/* \*/float: none;/*	*/
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight:bold;
    color: #FFFFFF;
    font-weight: normal;

    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}
#menu li:hover a {
}


/* Forum search page */
.forums_search label.fixedfloat {
    display: block;
    float: left;
    width: 110px;
    margin-right: 3px;

    text-align: right;
}

.forums_search label, .forums_search select, .forums_search input {
    margin-top: 2px;
/*margin-bottom: 2px;*/
}

/*.forums_search input {
	margin: 2px 0;
}*/



/* Curved cutout Borders */
/* In error pages etc */
.curved {background: transparent; width:100%; margin:0 auto;}
.curved h1, .curved p {margin:0 10px;}
.curved h1 {font-size:2em; color:#FFF; letter-spacing:1px;}
.curved p {padding-bottom:0.5em;}

.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#F8F8F8; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB;}
.curved .b1 {margin:0 4px; background:#BBBBBB;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {display:block; background:#F8F8F8; border:0 solid #BBBBBB; border-width:0 1px;}



/* Used in Private Messages tabs */
#tabs {
    clear: both;
    height: 23px;
    background: #FFF url('../images/backgrounds/tabs/tabs_bg.gif') top left repeat-x;
    margin: 12px 0;
    text-align: center;
}
#tabs b {
    display: block;
    float: left;
    height: 23px;
    width: 5px;
    background: #FFF url('../images/backgrounds/tabs/tabs_bgleft.gif') top right no-repeat;
    margin: 0;
    text-align: center;
}
#tabs ul {
    margin: 0 0 0 8px;
    padding: 0;
    height: 23px;
    background: transparent url('../images/backgrounds/tabs/tabs_bgright.gif') top right no-repeat;
}
#tabs li {
    float: left;
    line-height: 20px;
    width: 84px;
    height: 20px;
    overflow: hidden;
    list-style: none;
    margin: 3px 2px 0 0;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    background: transparent url('../images/backgrounds/tabs/tab84.gif');
}
/* a means unactive */
#tabs a {
    display: block;
    height: 22px;
    color: #000;
    text-decoration: none;
    text-align: center;
    background: transparent url('../images/backgrounds/tabs/tab84.gif');
    font-weight: normal;
}
#tabs a:hover, #tabs li {
    background-position: 100% -20px !important;
}

div.buttons {
    float: left;
}
div.buttons a {
    float: left;
    margin-right: 5px;
}

a.forumbutton {
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 25px;
    overflow: hidden;/*For IE6*/
    float: left;
}
a.forumbutton img {
    visibility: hidden;
}
a.forumbutton:hover {
    background-position: 0 -25px;
}
a.forumbutton span {
    display: none;
}

.posticon {
height: 20px;
overflow: hidden;
float:right;
margin-right:5px;
}
.posticon:hover img {
    margin-top: -20px;
}
.quotepm {
height: 20px;
overflow: hidden;
float:right;
margin-right:5px;
}
.quotepm:hover img {
    margin-top: -20px;
}
.profilepm {
height: 20px;
overflow: hidden;
float:left;
margin-right:5px;
}
.profilepm:hover img {
    margin-top: -20px;
}
.replypm {
    height: 25px;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}
.replypm:hover img {
    margin-top: -25px;
}
/* class named button */
.button {
    display: inline;
    font: 12px 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', arial, helvetica, sans-serif;
}
.button a {
    background: transparent url('../images/backgrounds/input/button-bg.gif') repeat-x top left;
    padding: 4px 6px;
    margin-right: 4px;
    border: 1px solid #ccc;
    height: 28px;
    min-height: 28px;
    text-decoration: none;
    color: #000;
}

.button a:hover {
    border-color: #999;
    text-decoration:none;
    color:#000;
}
.button a img {
    vertical-align: middle;
}
a.button {
    background: url('../images/backgrounds/input/button-bg.gif') repeat-x top left;
    padding: 4px 6px;
    margin-right: 4px;
    border: 1px solid #CCC;
    height: 28px;
    min-height: 28px;
    text-decoration: none;
    color: #000;
}
a.button:hover {
    border-color: #999;
    text-decoration: none;
    color: #000;
}
a.button img {
    padding-right: 4px;
    vertical-align: middle;
}


/* Anywhere used, if not td */
.row1 {
    background-color: #FFFFFF;
}
.row2 {
    background-color: #F7F7F7;
}
.row3 {
    background-color: #F7F7F7;
}

/* table */
.forumline {
    border-spacing: 1px;
    color: #000;
    background-color: #EFEFEF;
}
.forumline th {
    padding: 2px 4px;
    height: 1em;
    border: 0;
    white-space: nowrap;
}
.forumline tr {
    height: 1em;
}
.forumline td {
    padding: 2px 4px;
    height: 1em;
}
.forumline tr.row1 td {
    background-color: #FFFFFF;
}
.forumline tr.row2 td {
    background-color: #F7F7F7;
}
.forumline tr.row1:hover td, .forumline tr.row2:hover td {
    background-color: #F8F8F3;
}

#pmstatus {
    clear: both;
    width: 175px;
    background-color: #DAFEFB;
    border: 1px solid #D3DAD9;
}
#pmstatus span {
    display: block;
    white-space: nowrap;
    background-color: #EEEEEE;
    width: 100%;
    text-align: center;
    font-size: 10px;
}
.pmbar {
    background-color: #808000;
    height: 12px;
    margin: 2px 0 2px 0;
}
.pmpercent {
    width: 100%;
    background-color: #FFFBF0;
}

th, .thHead, .catHead, .catSides, .catleft, .catright, .catbottom, .catBottom, .thSides,
.thleft, .thright, .thtop, .thbottom, .thCornerL, .thCornerR, td.cat {
    padding: 2px 4px;
    background-color: #0047B6;/*defines the top color of the boxes change for old reDesign2*/
    color: #FFF;
    height: 1em;
    border-left: 1px solid #FFF;
    white-space: nowrap;
}

th a, .thHead a, .catHead a, .catSides a, .catleft a, .catright a, .catbottom a, .catBottom a, .thSides a,
.thleft a, .thright a, .thtop a, .thbottom a, .thCornerL a, .thCornerR a, td.cat a,
a.cattitle {
    color: #FDF3E1;
}

/* useraccount */
table.forumline td.row1 table {
    color: #000;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 2px solid #FFF;
    border-collapse: collapse;
}
table.forumline td.row1 table td {
    border: 1px solid #E3E3E3;
}

td.row1 {
    background-color: #FFF;
}
td.row2 {
    background-color: #F7F7F7;
}


.topicrow {
    margin: 0;
    margin-bottom: 20px;
    clear: both;
    padding: 5px 4px;
    padding-bottom: 0;
    background-color: #DBDBDB;
    color: #3D4358;
    zoom: 1;/*Layout triggerer for IE's*/
}
.topicrow table {
    background-color: transparent;
    background-image: none;
}
.topicrow table th, .topicrow table .tableh1, .topicrow table .tableh2 {
    background-color: transparent;
    background-image: none;
    border: 0;
    text-transform: uppercase;
    font-size: 11px;
    padding-left: 0;
    color: #000;
}

/*
 Rounded corners for .topicrow
 Used in a lot of places, i.e coppermine, some forums part and other
*/
.topicrow b.corner-lt, .topicrow span.corners-bottom { margin-left: -4px; }
.topicrow b.corner-rt, .topicrow span.corners-bottom { margin-right: -4px; }



.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.pollpanel {
    background-color: #CBFEF7;
    margin: 5px 0 5px 0;
    padding: 10px;
}
.pollpanel h3 {
    margin: 0;
    padding: 0;
    text-shadow: 0 0;
    border: 0;
    color: #5E7582;
    border-bottom: 1px solid #5E7582;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
    border: 0;
}

fieldset.polls dl {
    margin-top: 5px;
    border-top: 1px solid #e2e2e2;
    padding: 5px 0 5px 0;
    line-height: 120%;
    color: #666666;
}

fieldset.polls dl.voted {
    font-weight: bold;
    color: #000000;
}

fieldset.polls dt {
    text-align: left;
    float: left;
    display: block;
    width: 30%;
    border-right: none;
    padding: 0;
    margin: 0;
    font-size: 1.1em;
}

fieldset.polls dd {
    float: left;
    width: 10%;
    border-left: none;
    padding: 0 5px;
    margin-left: 0;
    font-size: 1.1em;
}

fieldset.polls dd.resultbar {
    width: 50%;
}

fieldset.polls dd input {
    margin: 2px 0;
}

fieldset.polls dd div {
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 2px;
    overflow: visible;
    min-width: 2%;
}

#poll_1 {
    background-color: #aaaaaa;
    border-bottom: 1px solid #747474;
    border-right: 1px solid #747474;
}

#poll_2 {
    background-color: #bebebe;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
}

#poll_3 {
    background-color: #D1D1D1;
    border-bottom: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

#poll_4 {
    background-color: #e4e4e4;
    border-bottom: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
}

#poll_5 {
    background-color: #f8f8f8;
    border-bottom: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    color: #A2A2A2;
}
#poll_6 {
    background-color: #aaaaaa;
    border-bottom: 1px solid #747474;
    border-right: 1px solid #747474;
}

#poll_7 {
    background-color: #bebebe;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
}

#poll_8 {
    background-color: #D1D1D1;
    border-bottom: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

#poll_9 {
    background-color: #e4e4e4;
    border-bottom: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
}

#poll_10 {
    background-color: #f8f8f8;
    border-bottom: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    color: #A2A2A2;
}


/* Forums CSS work in progress - wip */
.wip_post {
    margin: 5px 0 5px 0;
    /*Would cause IE7 flicker bug if top or bottom has padding, instead
      put it to .wip_postbody AND .wip_profile*/
    padding: 0 10px;
}
/* i.e forums posts, members list and prolly sth else */
.wip_post, div.row1 {
    background-color: #F9FFF4;
}
div.row2 {
    background-color: #F4F4F4;
}
.wip_postbody {
    padding: 0; /*Top or bottom padding can't be added to wip_post itself*/
    line-height: 1.48;
    color: #333333;
    width: 76%;
    float: left;
/*Uncomment to have user details on left side:*/
/*float: right;*/
    clear: both;
}

/* Post title*/
.wip_postbody h3 {
    margin: 0;
    padding: 0;
    text-shadow: 0 0;
    border: 0;
    color: #808080;
    font-size: 1.2em;
}
/* User signature span */
.signature {
    font-size: 12px;
}
/* Forums post task like quote, delete etc icons
----------------------------------------*/
ul.post-tasks {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}
ul.post-tasks li {
    float: left;
    padding:0;
    margin: 0 3px;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 20px;
    overflow: hidden;/*For IE6*/
    cursor: pointer;
}
ul.post-tasks li:hover {
    background-position: 0 -20px;
}
ul.post-tasks li img {
    visibility: hidden;
    margin: 0;
    margin-bottom: -20px;
    padding: 0;  
}
ul.post-tasks li span {
    display: none;
}
ul.post-tasks li a {
    display: block;
}


/* Post author */
p.wip_postdetails {
    margin: 0 15em 0.6em 0;
    padding: 0 0 5px 0;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.2;
}
/* Forums post content */
.wip_content {
    min-height: 3em;
    overflow: hidden;
    color: #333333;
}

/* Poster profile block
----------------------------------------*/
.wip_profile {
    margin: 5px 0 10px 0;
    padding: 0; /*Top or bottom padding can't be added to wip_post itself*/
    min-height: 80px;
    color: #666666;
    border-left: 1px solid #FFFFFF;
    width: 22%;
    float: right;
/*Uncomment to have user details on left side:*/
    /*border-left: 0;
     float: left;
     border-right: 1px solid #FFFFFF;*/
    display: inline;
}

.wip_profile dd, .wip_profile dt {
    line-height: 1.2;
    margin: 0;
    margin-left: 8px;
    padding: 0;
}
/* User name at forum post */
.wip_profile dt {
    font-weight: bold;
}
.wip_profile strong {
    font-weight: normal;
    color: #000000;
}

.avatar {
    border: none;
    margin-bottom: 3px;
}

.online {
    background-image: none;
    background-position: 100% 0;
/*Uncomment to have user details on left side:*/
/*background-position: 0 0;*/
    background-repeat: no-repeat;
}


/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    list-style: none;
}

/* Rollover state */
ul.profile-icons li {
    float: left;
    margin: 0 6px 3px 0;
    padding: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 20px;
    cursor: pointer;
}
ul.profile-icons li:hover {
    background-position: 0 100%;
}
/* Private Messages for example produces it's own image, we disable it, however get the width */
ul.profile-icons li img {
    visibility: hidden;
    margin: 0;
    padding: 0;
}
ul.profile-icons li span {
    display: none;
}

/* Rolloff state */
ul.profile-icons li a {
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
}


/*In use for single image, in memberslist for example*/
.ml_icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: auto auto;
    height: 20px;
    cursor: pointer;
    zoom: 1;/*Layout triggerer for IE's*/
    overflow: hidden;
}
.ml_icon:hover {
    background-position: 0 -20px;
}
.ml_icon img {
    visibility: hidden;
    margin: 0;
    padding: 0;
}
.ml_icon a {
    display: block;
    height: 20px;
}
/* Specify widths of individual icons */
.pm_image {
    width: 28px;
}
.www_image {
    width: 20px;
}

/* Back to top of page */
.back2top {
    clear: both;
    height: 11px;
    text-align: right;
    padding-bottom: 10px;
}
a.top {
    background: transparent url('../images/forums/icon_back_top.gif') no-repeat top left;
    text-decoration: none;
    width: 11px;
    height: 11px;
    display: block;
    float: right;
    overflow: hidden;
    letter-spacing: 1000px;
    text-indent: 11px;
}



/* General classes for placing floating blocks atm used only in forums */
.left-box {
    float: left;
    width: auto;
    text-align: left;
}

.right-box {
    float: right;
    width: auto;
    text-align: right;
    font: 11px Verdana, Arial, sans-serif;
}

/* Left arrow navigation, in forums i.e  */
a.left {
    background: url('../images/forums/arrow_left.gif') no-repeat 3px 60%;
    margin-left: 5px;
}
a.left, a.left:active, a.left:visited {
    padding-left: 12px;
}
a.left:hover {
    color: #368AD2;
    text-decoration: none;
    background-position: 0 60%;
}

/* Breadcrumb, copies the forums breadcrumb style  */
.breadcrumb_traces {
    zoom: 1;/*Layout triggerer for IE's*/
    overflow: hidden; /* Clears float and too long breadcrumbs */
}
/* a is linkable trace, span is not linkable trace */
.breadcrumb_traces a, .breadcrumb_traces span {
    float: left;
    background: url('../images/forums/arrow_left.gif') no-repeat 3px 60%;
    margin-left: 5px;
    padding-left: 12px;
}
.breadcrumb_traces a:hover {
    background-position: 0 60%;
    color: #368AD2;
    text-decoration: none;
}
.breadcrumb_traces a, .breadcrumb_traces a:visited, breadcrumb_traces a:active {
    color: #494183;
}



/*For example in Contact module*/
/*Security code box*/
fieldset.security_fieldset {
    background-color: #FBF5E3;
    border: 1px solid #FBBCAC;
    padding: 10px;
    width: 200px;
}
fieldset.security_fieldset label {
    font-style: italic;
    color: #DB0D0D;
}
fieldset.security_fieldset input {
    vertical-align: bottom;
}


/********BEGIN CURRENT MENU BLOCK********/
/*List of links under current category*/
ul#curmenu_list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 0;
    height: 100%;
    width: 100%; /*For IE6*/
    overflow: hidden; /*For IE6*/
}
ul#curmenu_list li {
    padding: 0;
    margin: 0;
    border: 0;
}
ul#curmenu_list li a {
    display: block;
    margin: 0;
    border: 0;
    border-top: 1px solid #FFF;
    padding: 4px 4px 4px 15px;
    width: auto;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
ul#curmenu_list li a:hover {
    background-color: #FBD6A4;
    color: #000;
    text-decoration: none;
}

/* Is it browsers bug?*/
.block ul#curmenu_list li a:hover {
    text-decoration: none;
}

/* Currently viewable page link in the list */
ul#curmenu_list li.curlink a {
    background-color: #FBD6A4;
    color: #000;
    font-weight: bold;
}
/********END CURRENT MENU BLOCK********/

/********BEGIN COMPACT USERINFO BLOCK********/
dl.compact_userinfo, dl.compact_userinfo * {
    margin: 0;
    padding: 0;
}
dl.compact_userinfo dt {
    font-weight: bold;
}
dl.compact_userinfo dt.admin_logout {
    padding-top: 10px;
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
}
dl.compact_userinfo dd {
    padding-left: 3px;
}
dl.compact_userinfo ul {
    list-style-position: inside;
}
/********END COMPACT USERINFO BLOCK********/

/********Start of cell phone mask W add ********/

.form_blog

{

	margin:0 0px 10px 0 ;

}



/* clear float with blank <div>or <br>*/

.clrflt {

	clear:both;

	line-height:1px;

	font-size:1px;

	overflow: hidden;

}

.text_field

{

	width:47px;

	height:18px;

	padding:5px;

	line-height:18px;

	display:block;

	color:#6c6f83;

	border:0px;

	float: left;

	outline:0px;

	margin-right:9px;

	background:url(../img/text_field1.jpg) no-repeat left top;

}

/********end of cell phone mask W add ********/

/********start of features page W add ********/ 

/*-----------------------------------------------------------------------------------*/
/*	Tabs + Tab Content
/*-----------------------------------------------------------------------------------*/

.panel{
	width:100%;
	overflow:hidden;
}

.panel.hide{
	display:none;
}

#content{
	padding-top: 35px;
	margin-left: 25px;
}

/*.features, .features li{
	margin: 0;
	padding: 0;
	list-style: none;
}*/

.features li{
	font-size: 13px;
	width: 320px;
	float: left;
	margin-right: 80px;
	margin-left: 50px;
	padding-bottom: 50px;
	line-height:20px;
}

.features h2{
	color: #2D3D3A;
	font-size: 18px;
	padding: 0 0 0 33px;
	margin: 0 0 7px 0;
	height:26px;
	line-height:26px;
	overflow:hidden;
}

.features p{
	color: #555;
	margin: 0;
}






/*-----------------------------------------------------------------------------------*/
/*	Feature Icon Classes
/*-----------------------------------------------------------------------------------*/

.features h2.alarm{background:url(http://www.sordcloud.com/images/icons/alarm.png) left center no-repeat;}
.features h2.arrowdown{background:url(http://www.sordcloud.com/images/icons/arrowdown.png) left center no-repeat;}
.features h2.arrowleft{background:url(http://www.sordcloud.com/images/icons/arrowleft.png) left center no-repeat;}
.features h2.arrowright{background:url(http://www.sordcloud.com/images/icons/arrowright.png) left center no-repeat;}
.features h2.arrowup{background:url(http://www.sordcloud.com/images/icons/arrowup.png) left center no-repeat;}
.features h2.bank{background:url(http://www.sordcloud.com/images/icons/bank.png) left center no-repeat;}
.features h2.briefcase{background:url(http://www.sordcloud.com/images/icons/briefcase.png) left center no-repeat;}
.features h2.calculator{background:url(http://www.sordcloud.com/images/icons/calculator.png) left center no-repeat;}
.features h2.camera{background:url(http://www.sordcloud.com/images/icons/camera.png) left center no-repeat;}
.features h2.clapboard{background:url(http://www.sordcloud.com/images/icons/clapboard.png) left center no-repeat;}
.features h2.clock{background:url(http://www.sordcloud.com/images/icons/clock.png) left center no-repeat;}
.features h2.connections{background:url(http://www.sordcloud.com/images/icons/connections.png) left center no-repeat;}
.features h2.credit_card{background:url(http://www.sordcloud.com/images/icons/credit_card.png) left center no-repeat;}
.features h2.database{background:url(http://www.sordcloud.com/images/icons/database.png) left center no-repeat;}
.features h2.delete{background:url(http://www.sordcloud.com/images/icons/delete.png) left center no-repeat;}
.features h2.delivery{background:url(http://www.sordcloud.com/images/icons/delivery.png) left center no-repeat;}
.features h2.disk{background:url(http://www.sordcloud.com/images/icons/disk.png) left center no-repeat;}
.features h2.eject{background:url(http://www.sordcloud.com/images/icons/eject.png) left center no-repeat;}
.features h2.fastforward{background:url(http://www.sordcloud.com/images/icons/fastforward.png) left center no-repeat;}
.features h2.filter{background:url(http://www.sordcloud.com/images/icons/filter.png) left center no-repeat;}
.features h2.fire{background:url(http://www.sordcloud.com/images/icons/fire.png) left center no-repeat;}
.features h2.first_aid{background:url(http://www.sordcloud.com/images/icons/first_aid.png) left center no-repeat;}
.features h2.folder{background:url(http://www.sordcloud.com/images/icons/folder.png) left center no-repeat;}
.features h2.forwardtoend{background:url(http://www.sordcloud.com/images/icons/forwardtoend.png) left center no-repeat;}
.features h2.games{background:url(http://www.sordcloud.com/images/icons/games.png) left center no-repeat;}
.features h2.graph{background:url(http://www.sordcloud.com/images/icons/graph.png) left center no-repeat;}
.features h2.heart{background:url(http://www.sordcloud.com/images/icons/heart.png) left center no-repeat;}
.features h2.house{background:url(http://www.sordcloud.com/images/icons/house.png) left center no-repeat;}
.features h2.lightbulb{background:url(http://www.sordcloud.com/images/icons/lightbulb.png) left center no-repeat;}
.features h2.magnet{background:url(http://www.sordcloud.com/images/icons/magnet.png) left center no-repeat;}
.features h2.magnifyingglass{background:url(http://www.sordcloud.com/images/icons/magnifyingglass.png) left center no-repeat;}
.features h2.mailclosed{background:url(http://www.sordcloud.com/images/icons/mailclosed.png) left center no-repeat;}
.features h2.mailopened{background:url(http://www.sordcloud.com/images/icons/mailopened.png) left center no-repeat;}
.features h2.man{background:url(http://www.sordcloud.com/images/icons/man.png) left center no-repeat;}
.features h2.minus{background:url(http://www.sordcloud.com/images/icons/minus.png) left center no-repeat;}
.features h2.monitor{background:url(http://www.sordcloud.com/images/icons/monitor.png) left center no-repeat;}
.features h2.move{background:url(http://www.sordcloud.com/images/icons/move.png) left center no-repeat;}
.features h2.newspaper{background:url(http://www.sordcloud.com/images/icons/newspaper.png) left center no-repeat;}
.features h2.padlock{background:url(http://www.sordcloud.com/images/icons/padlock.png) left center no-repeat;}
.features h2.page{background:url(http://www.sordcloud.com/images/icons/page.png) left center no-repeat;}
.features h2.pause{background:url(http://www.sordcloud.com/images/icons/pause.png) left center no-repeat;}
.features h2.pencilangled{background:url(http://www.sordcloud.com/images/icons/pencilangled.png) left center no-repeat;}
.features h2.pencilstraight{background:url(http://www.sordcloud.com/images/icons/pencilstraight.png) left center no-repeat;}
.features h2.photos{background:url(http://www.sordcloud.com/images/icons/photos.png) left center no-repeat;}
.features h2.piggy{background:url(http://www.sordcloud.com/images/icons/piggy.png) left center no-repeat;}
.features h2.play{background:url(http://www.sordcloud.com/images/icons/play.png) left center no-repeat;}
.features h2.plus{background:url(http://www.sordcloud.com/images/icons/plus.png) left center no-repeat;}
.features h2.preferences{background:url(http://www.sordcloud.com/images/icons/preferences.png) left center no-repeat;}
.features h2.record{background:url(http://www.sordcloud.com/images/icons/record.png) left center no-repeat;}
.features h2.refresh{background:url(http://www.sordcloud.com/images/icons/refresh.png) left center no-repeat;}
.features h2.reload{background:url(http://www.sordcloud.com/images/icons/reload.png) left center no-repeat;}
.features h2.rewind{background:url(http://www.sordcloud.com/images/icons/rewind.png) left center no-repeat;}
.features h2.rewindtostart{background:url(http://www.sordcloud.com/images/icons/rewindtostart.png) left center no-repeat;}
.features h2.rss{background:url(http://www.sordcloud.com/images/icons/rss.png) left center no-repeat;}
.features h2.safe{background:url(http://www.sordcloud.com/images/icons/safe.png) left center no-repeat;}
.features h2.scales{background:url(http://www.sordcloud.com/images/icons/scales.png) left center no-repeat;}
.features h2.shoppingcart{background:url(http://www.sordcloud.com/images/icons/shoppingcart.png) left center no-repeat;}
.features h2.speaker{background:url(http://www.sordcloud.com/images/icons/speaker.png) left center no-repeat;}
.features h2.speechbubble{background:url(http://www.sordcloud.com/images/icons/speechbubble.png) left center no-repeat;}
.features h2.speechmedia{background:url(http://www.sordcloud.com/images/icons/speechmedia.png) left center no-repeat;}
.features h2.star{background:url(http://www.sordcloud.com/images/icons/star.png) left center no-repeat;}
.features h2.trash{background:url(http://www.sordcloud.com/images/icons/trash.png) left center no-repeat;}
.features h2.trend{background:url(http://www.sordcloud.com/images/icons/trend.png) left center no-repeat;}
.features h2.world{background:url(http://www.sordcloud.com/images/icons/world.png) left center no-repeat;}

/******** end of features page W add ********/

/* add container for movie youtube automatic resize in any browser*/
.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* fix check boxes*/
foo {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

/* javascript styles add on for post a project*/
.noscript-message {
background:none;
background-position: 15px; 
padding-left:30px; margin-left:.3em; height:16px; width:auto; 
font-weight: bold; color: #EA5200;
font-size:medium;
font: vertical-align:100px; 

/*****************************************************
* account get started box
*****************************************************/

.account_details {
    background-color: #f3f3f3;
    padding: 10px 12px;
    display: none;
}
	.account_details p {
	    color: #4d4d4d; 
	}
	.account_details p strong {
		color: #222;
	}

.account_details_link {
    position: absolute;
    right: -1px;
    text-decoration: none;    
}

ul#choose_account {
    margin: 10px 0 20px 0;
    width: 443px;
    position: relative;   
}

	ul#choose_account li.account_type {
	    position: relative;
	    display: block;
	    height: 29px;
	    cursor: pointer;
	    margin-top: 10px;
		background-image: url(../graphics/account_types.gif);
		background-repeat: no-repeat;
	}
	li#type_personal      { background-position: left top; }
	li#type_music         { background-position: -443px top; }
	li#type_music_org     { background-position: -886px top; }
	li#type_org           { background-position: -1329px top; }
	li#type_personal_on   { background-position: left bottom; }
	li#type_music_on      { background-position: -443px bottom; }
	li#type_music_org_on  { background-position: -886px bottom; }
	li#type_org_on        { background-position: -1329px bottom; }

		ul#choose_account li input {
		    position: absolute;
		    top: 8px;
		    left: 11px;    
		}
		
		ul#choose_account li strong {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 375px;
			height: 29px;
			text-indent: -7777px;
		}
		
		ul#choose_account li a.account_details_link {
			cursor: help;
		}
		
	ul#choose_account li.account_details p.small {
		padding-right: 20px;
	}
		
div#virb_is_box {
	padding: 5px 10px;
}
	#virb_is_box p {
		color: #555;
		font-size: 28px;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 0;
		padding: 0 0 .3em 0;
		line-height: 95%;
	}
	#virb_is_box p.tagline_desc {
		border-bottom: 1px solid #e3e3e3;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
		#virb_is_box p em {
			color: #888;
			font-size: 12px;
			letter-spacing: 0;
			line-height: 150%;
		}
		#virb_is_box p em b {
			display: block;
			color: #555;
			font-weight: normal;
		}


/*******************************************************
 * Standard CPGNuke formatting - shouldn't need to touch these  *
 ********************************************************/
.adminitem {
	border: 0px;
	padding: 0px;
	width: 120px;
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
}
.adminitem span {
	display: block;
	width: 110px;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
}
.adminsection {
	border: 1px solid #496D9F;
}
.adminlegend {
	color: #212121;
}
/* used for blank right-side cell if module does NOT display right-side blocks */
.mainside_off {
	padding-left: 0;
}
/* style for message that is shown to admins when site is in 'maintenance mode' */
.important_msg {
	background-color: White;
	color: Red;
	font-weight: bold;
	text-align: center;
	border: 1px solid Red;
	padding: 6px;
	margin-bottom: 10px;
}
br {
  clear: left;
}
legend {
	font-weight: bold;
}
fieldset {
	border: 1px solid #999999;
	padding: 10px;
	margin-bottom: 10px;
}
label.set,radio.set,input.set {
	display: block;
	float: left;
}
radio.set {
	vertical-align: text-bottom;
}
label.set {
  text-align: left;
  width: 300px;
  padding-right: 10px;
  margin-bottom: 5px;
}
label.ulog, input.ulog {
  display: block;
  float: left;
}
label.ulog {
  text-align: left;
  width: 125px;
  padding-right: 10px;
  margin-bottom: 5px;
}
.rd {
  text-align: left;
  width: 60px;
  padding-left: 3px;
  padding-right: 10px;
}
.no {
  text-align: right;
  width: 8px;
  padding-right: 10px;
}
.yes {
  text-align: left;
  width: 20px;
  padding-right: 10px;
  vertical-align: bottom;
}
input.sub {
  left: 20px;
  float: none;
}

.sommaire {
	font-family: Arial, Helvetica, sans-serif;
	color: #276389;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 2px;
	background: none repeat;
}
/* Woke skill boxes */
.small-category-2 {
    background: rgba(0, 174, 225, 0.1);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 2rem 1rem;
    align-items: center;
    display: block;
    transition: all ease 0.4s;
    border: 1px solid rgba(0, 174, 225, 0.3);
}