* {padding: 0px; margin:0px}
html, body {margin: 0px;padding: 0px;background-color:#666666;font-family: Arial, Helvetica, sans-serif;font-size:12px}

#gfxpage3cols, #gfxpage2cols {margin:0px;padding: 0px;text-align:left;background-color: #303236; background-repeat: repeat-y; background-position: left top;background-image:url(../images/site_bg.gif);border: solid 1px black; width:940px;}

#gfxpage2cols {background-image:url(../images/gfx_online_bg.gif);}

#gfxpage3cols {background-image:url(../images/site_bg.gif)}

#header {background-color:#303236;background-image:url(../images/header.jpg);background-repeat:no-repeat;background-position:left bottom;	margin: 0px;padding: 0px;position:relative;width: 940px;height:105px;top: 0px;left: 0px;visibility: visible}
#header_import {background-color:#303236;background-image:url(../images/import_header.jpg);background-repeat:no-repeat;background-position:left bottom;	margin: 0px;padding: 0px;position:relative;width: 940px;height:105px;top: 0px;left: 0px;visibility: visible}

#top {padding-left:10px;height: 26px;width:930px;background-color:#000000;background-image:url(../images/top_bg.gif);background-repeat:repeat-x;display:block;border:none}

#buildversion {float: left; padding-top: 5px; padding-left: 15px; font-size: 11px; color: #fff;}

#top_baner_container {text-align:center;background-color: #303236;padding: 5px 0 5px 0;display:block;width:781px;text-align:center;	position: relative;left: 159px;top: 0;}
#subtop {background-color:#303236; display:block; width:940px; position:relative; min-height:90px; height:auto!important; height:90px}	
#bottom_baner_container {display:block;width:781px;text-align:center;background-color: #303236;padding: 10px 0 10px 159px;clear: both;	background-image: url(../images/bottom_ad_bg.gif);	background-repeat: no-repeat;	background-position: left top}	

#left_side {width: 159px;vertical-align:top;float:left;background-position:left top;background-repeat:no-repeat}
#content {background-color: #fff;float: left;padding-right: 3px;padding-left: 3px;vertical-align:top;background-image:url(../images/f_box_bg.gif);background-position:left top;background-repeat:repeat-x;padding-top: 4px}
#gfxpage3cols #content {width: 545px}
#gfxpage2cols #content {width: 775px}
#right_side {float:left;vertical-align:top;padding: 3px;width: 224px;font-family:Arial, Helvetica, sans-serif;font-size: 11px}

#left_side h1 {display:block;font-family:Arial, Helvetica, sans-serif;font-size:14px;background: url(../images/left_h1_bg.gif) left top repeat-x;line-height:25px;text-indent:8px;height:25px;color:#FFFFFF;letter-spacing: -0.05em;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #000000;border-bottom-color: #000000;background-color:#000000} 
#left_side h1 a, #left_side h1 a:link, #left_side h1 a:visited, #left_side h1 a:active {display: block;width: 100%;color:#FFFFFF;
text-decoration:none}
#left_side h1 a:hover {display: block;width: 100%;color:#FFFFFF;text-decoration:underline}

#footer {font-family:Arial, Helvetica, sans-serif;font-size:11px;clear:both;color:#FFFFFF;background-color:#000000;width: 940px;text-align:center;margin: 0px;padding: 0px}
#footer a {font-size: 11px;padding-right: 6px;padding-left: 6px;line-height: 1.5em}
#footer a:link {color: #FFFFFF;text-decoration: none}
#footer a:visited {text-decoration: none;color: #FFFFFF}
#footer a:hover {text-decoration: none;color: #FF0000}
#footer a:active {text-decoration: none;color: #FFFFFF}
#footer img {border: none; padding:0; margin:0}

#footer2 {font-family:Arial, Helvetica, sans-serif;font-size:11px;clear:both;color:#FFFFFF;width: 940px;text-align:center;margin: 0px;padding: 0px}
#footer2 a {font-size: 11px;padding-right: 6px;padding-left: 6px;}
#footer2 a:link {color: #FFFFFF;text-decoration: none}
#footer2 a:visited {text-decoration: none;color: #FFFFFF}
#footer2 a:hover {text-decoration: none;color: #FF0000}
#footer2 a:active {text-decoration: none;color: #FFFFFF}
#footer2 img {border: none; padding:0; margin:0}

div.InvitationPreview {background:#FFFFFF; border:solid 1px #000000; width:320px; height:250px; overflow:auto; padding: 5px;}
div.tab h1, div.tab2 h1{
	font-family: "Trebuchet MS", Arial, Verdana;
	display:run-in;
	height: 20px;
	font-size:13px;
	line-height: 20px;
	color:#CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-image:url(../images/top_bg2.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
	text-transform:uppercase;
	text-align:left;
}

a.h1_link{
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #c9c9c9;
	text-transform:uppercase;
	text-decoration: none;
}
a.h1_link:visited{
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #c9c9c9;
	text-decoration: none;
}
a.h1_link:hover{
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #c9c9c9;
	text-decoration: none;
}

#gfxpage2cols div.tab h1{font-size:12px;}
#gfxpage2cols div.tab .content{margin:3px;}


p.copyrigth {color:#FFFFFF;text-align:center;font-size:10px;width: 940px}
.centered_ad{margin: 10px auto; text-align:center}
.clearthefloats {clear:both; font-size:1px; height:0; line-height:0; overflow:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display:run-in;} 
* html .clearfix {height: 1%;}    
.clearfix {display: block;}

.left_featured_art {float:left;width: 256px}
.right_featured_art {float:left;width: 256px;margin-left:20px}
.left_featured_art h2 img, .right_featured_art h2 img {border: 1px #222 solid}

#realtalk p {padding:0}
#realtalk p.rt_post_title {font-size:12px;font-family:Geneva, Arial, Helvetica, sans-serif;margin-top:4px;margin-bottom:2px;font-weight:bold;display:block; padding:0px}
.f_row {width:auto;margin:auto;clear:both}
#gfxpage3cols #content a:link,#gfxpage3cols #content a:visited,#gfxpage3cols #content a:active{color: #000}
#gfxpage3cols #content a:hover {color: #CC0000;text-decoration:none}
div.inside div.img_w_cap_left {float: left;display: block;width:auto;padding-top: 1px;padding-right: 6px;padding-bottom: 5px;	padding-left: 6px}
div.img_w_cap_left {float: left;width:auto;display: block;padding-top: 1px;padding-right: 6px;padding-bottom: 5px;padding-left: 6px;margin-top:10px}
div.inside div.img_w_cap_right {float: right;margin: 1px 0.5em 0.5em 0.5em}
div.img_w_cap_left p, div.img_w_cap_right p{text-align:center;font-size:10px;font-style:italic;color:#555;width:100px;display:block}

img.img_left {float:left;border: 0.05em black solid;margin: 1px 0.5em 0.5em 0.5em}
img.img_right {float:right;border: 0.05em black solid;margin: 5px 5px 5px 5px;padding: 0.01em}

div.path {margin-bottom:15px;font-size:10px}

.right {display:block;float:right}
.bold {font-weight:bold}


#gfxpage3cols div.tab {width:100%;clear:both}
#gfxpage3cols div.tab {display: block;margin-bottom: 15px}
#gfxpage3cols div.tab {background: url(../images/tab_reflection.gif) repeat-x 0px -5px}

/* mozzila hack to show the reflactions correctly */
#gfxpage3cols #content>div.tab {background-image:url(../images/tab_reflection.gif);background-repeat:repeat-x;background-position:0px -5px}

.d_box{float:left;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 3px}

#gfxpage3cols div.tab div.inside{padding-top: 7px;padding-left: 6px;padding-right: 6px;font-size:11px;font-family:Arial, Helvetica, sans-serif;display:block}

#gfxpage3cols div.tab .inside h2 {display:block;font-size:13px;color:#CC0000;margin: 5px 0px 5px 0px;text-transform:uppercase}

h1.red {color:#F00000 !important}

#gfxpage3cols div.tab#featured_articles .inside h2 {display:block;font-size:18px;line-height: 41px;margin: 3px 0px 3px 0px;color: black;padding-left: 5px;font-family: Arial, Helvetica, sans-serif;font-weight: bolder;font-style: oblique;text-transform: capitalize;	border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: black}
#featured_articles .inside h3 {clear:left;display:block;font-size:13px;margin: 5px 0px 5px 0px;color:#CC0000;text-transform:uppercase}
#featured_articles .left_column {float:left;margin-right:7px;display:block;width:263px}
#featured_articles .right_column {width:263px;float:left;display:block}

p.author_or_date{
	position:relative;
	top: -5px;
	left:-1px;
	font-style:italic;
	font-size:10px;
	color:#555;
	text-align:left;
	padding: 0;
	margin:0;
}

div.spacer {height: 100%;width: 1px;visibility:hidden;float: left}

/* end tabs*/

/* formating */
a.link_red{font-family: Tahoma;font-size:11px;color: #b60000;text-decoration: underline}
a.link_red:visited{font-family: Tahoma;font-size:11px;color: #b60000;text-decoration: underline}
a.link_red:hover{font-family: Tahoma;font-size:11px;color: #b60000;text-decoration: none}

a.link_black{font-family: Tahoma;font-size:11px;color: #000000;text-decoration: underline}
a.link_black:visited{font-family: Tahoma;font-size:11px;color: #000000;text-decoration: underline}
a.link_black:hover{font-family: Tahoma;font-size:11px;color: #000000;text-decoration: none}

a.arrow_left, a.arrow_right {padding-left:15px;font-size:11px;background: transparent url(../images/link_arrow.gif) no-repeat 0px 2px;color: #000;text-decoration: none}
a.arrow_right {float: right;display:block;margin-right:1px}
a.arrow_left {margin-left:1px}
a.arrow_left:link, a.arrow_right:link,a.arrow_left:active, a.arrow_right:active,a.arrow_left:visited, a.arrow_right:visited{color: #000}
a.arrow_left:hover, a.arrow_right:hover {color: #FF0000}
div.center {text-align:center}
img.ad {border: 0.1em solid black}
/* end formating */

#dhtmltooltip{
position: absolute;
width: 200px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
border: 2px solid #000;
padding: 5px;
background:#333333 url(../CSS/chrometheme/drop_bg.gif) right bottom no-repeat;
visibility: hidden;
z-index: 100;
}

#dhtmltooltip p {margin:0}

p {margin:1em 0}

#howitworkstab {
	display: block;
	height: 25px;
	width: 110px;
	top: 65px;
	left: 745px;
	position: absolute;
}
#howitworkstab_import {
	display: block;
	height: 25px;
	width: 110px;
	top: 30px;
	left: 816px;
	position: absolute;
}
#howitworksbuttons_import{
	padding-top: 79px;
}

#howitworkstab img {border:none}
.action_right img {
	border: none;
}
* html .action_right img {
	border: none;
	margin-top:4px;
}
.blackbook{
	text-align:right;
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	color: #E10000;
	line-height: 12px;
	display: inline;
	float: right;
	padding: 5px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-weight: bold;
}

#search_box {
	margin-top:10px;
	width: 155px;
	height: 86px;
	background:url(../images/search_bg.gif) left bottom no-repeat;
	color:white;
	padding-left:4px;
	position:absolute;
	bottom: 0px;
	left: 0px;
	top: 10px;
	float: left;
}
#search_box h1{font-family:Arial, Helvetica, sans-serif;font-size:13px;color: #fff;display:inline;text-transform: uppercase;background-color:transparent;position:absolute;background-image:none;left: 9px;top: 5px; text-indent:0px}
#search_box form {font-family: Arial, Helvetica, sans-serif;font-size: 11px;padding:0px;margin:0px}
#search_box #search {padding:0; border:none;}
#search_box .radio {margin:0px; padding:0px}
#search_box form>.radio {margin:4px; padding:3px}
*:first-child+html #search_box form>.radio {margin:0px; padding:0px}
#search_box label {font-family: "Trebuchet MS", Arial;font-size: 11px;overflow: hidden;}
#search_box #textsearch {border-width:1px;padding:1px;width: 90px;height:15px;position:absolute;left: 7px;top: 35px;}
#search_box a {position:absolute;left: 102px;top: 36px;}
#search_box #search_btn {position:absolute;left: 108px;top: 35px;}
#search_box #web {position:absolute;left: 7px;top: 58px}
#search_box #web_in {position:absolute;left: 26px;top: 61px;}
#search_box #gfx {position:absolute;left: 61px;top: 58px}
#search_box #gfx_in{position:absolute;left: 80px;top: 61px;}


/* this is converted id to classes to be used in Header.ascx*/
#search_box .textsearchHeader 
{
	border-width:1px;padding:1px;width: 90px;height:15px;position:absolute;left: 7px;top: 35px;
}
/* this is converted id to classes to be used in Header.ascx*/
#search_box .webHeader 
{
	position:absolute;left: 7px;top: 58px
}
/* this is converted id to classes to be used in Header.ascx*/
#search_box .gfxHeader 
{
	position:absolute;left: 61px;top: 58px;
}


/*
#new_search_box {background-color: #303236;height: 36px;color:white;padding:0 10px 10px 10px;display:block;text-align:center;
background-image: url(images/searchbg.gif);background-repeat: repeat-x;background-position: left bottom;}
#new_search_box form {height: 36px;margin: 0 auto;display:block;float:none;width: 750px;background-image: url(images/poweredbygoogle.gif);background-repeat: no-repeat;background-position: right center;}
#new_search_box label {font-family: "Trebuchet MS", Arial;font-size: 11px;overflow: hidden;}
#new_search_box span {display:block; float:left; margin-top:1px}
#new_search_box div {float:left; margin-right:8px; padding:8px 0 0 0; line-height:22px; height:22px;}
#new_search_box h1 {font-family: "Trebuchet MS", Arial;font-size: 17px;color: #FFFFFF;font-weight: normal;float: left;height: 36px;	line-height: 36px;display: block}
#new_search_box #mainsearchbox {width:300px; margin-right:6px; border-width:1px; padding:1px}
#new_search_box input.op {margin:3px; padding:3px}

* html #new_search_box #mainsearchbox {width:290px; margin-right:0px; border-width:1px; padding:1px}
*/
#poll p {clear:both}
#poll hr {clear:both; height:1%; border:none}
#poll label {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	overflow: hidden;
	text-indent:5px;
	line-height:14px;
	height:14px;
	margin-top:2px;
	float:left;
}
#poll input.op {margin:3px; padding:3px; float:left}
* html #poll input.op {margin:0px; padding:0px}
.tooltip {float:right;display:block;font-size:10px;font-weight:bold;color:#fff!important;text-decoration:none;background-color:transparent!important;background-image: url(../images/GFX_online_shared/info.gif);background-repeat: no-repeat;background-position: center center;	width: 15px;text-align: center;margin:2px 2px 0px 0px!important;border: none!important;text-indent:2px;line-height: 14px;font-family: Verdana, Arial, Helvetica, sans-serif;	height:15px}
#left_side .copyarea {
	font-family: "trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color: #CCCCCC;
	padding: 0px 5px;
	text-align: justify;
	background-color: #303236;
}

a.view, a.view:link, a.view:visited, a.view:active {
	margin:0px;
	padding:0px 5px 0px 5px;
	background-color:#000;
	border: 1px #666666 solid;
	text-decoration:none;
	text-align: center;
	color: #FFF;
	font-size: 10px;
	font-weight:normal;
	display:inline;
	width: 35px;
	width: 15px;
}
a.view:hover {
	background-color:#a60000;
	color:white;
	border: 1px #222222 solid;
	font-weight:normal;
}


.advertisementlabel
{
font-family: Tahoma;
font-size: 10px;
color: #999;
}

.textbox {width: 200px; border: solid 1px #000;margin: 0px;font-family: Arial, Helvetica, sans-serif;font-size:12px}
.small {width: 130px!important;}
.PopUp_Content table tr td {padding: 1px}
.PopUp_Content {font-size: 11px}
.PopUp_Content input {font-size: 11px}
.PopUp_Content select {font-size: 11px}
.PopUp_Content div.label {float: left;width: 155px; text-align: right;padding: 1px;font-weight: bold}
.PopUp_Content div.textboxes {float: left;padding: 1px} 
.PopUp_Content .textbox {width: 200px; border: solid 1px #000;margin: 0px;font-family: Arial, Helvetica, sans-serif;font-size:12px}
.Validator {width: 198px;display:block;color: #fff; background-color: #ff0000;padding: 2px}
.PopUp_Content .ajax__calendar_days table tr td{padding:0px;}

.spinner {background: transparent url(../images/spinner_bg.gif) no-repeat; width:215px; height:53px;}
.spinner div { background: transparent url(../images/spinner-clear.gif) no-repeat 10px 8px;height:53px; width:100%; color:white; padding:15px 0px 0px 55px; font-weight:bold;}
.hide { display:none;}
.hard_wrap {white-space: pre-wrap; /* css-3 */	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */	white-space: -pre-wrap; /* Opera 4-6 */	white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
label {white-space:nowrap; }

#info1 table {
background-color:#F4F4F4;
}

#info1 table td {
background-color:#F4F4F4;
}