@charset "utf-8";
/* CSS Document */

html {
	min-width: 890px;
} /*IE7*/

* html {
	min-width: 890px;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	min-width: 890px;
}

h3 {
	font-size:14px;
}

h3 a{
	text-decoration:none;
}


h2 {
	font-size:18px;
}

a:hover {
	color:#CC3300;
}

img {
	border:none;
}

.wrapper_exp {
	margin: 0 auto;
}

.clear {
	clear:both;
}


li {
	list-style:none;
}

input {
	font-size: 13px;
	margin-bottom: 5px;
	display: block;
	padding: 4px;
}

.input_d {
	display:inline;
}

.input_left {
	float:left;
	margin:0 10px 0 0;
}

.input_exp_100 {
	width: 100px;
}

.input_exp_200 {
	width: 200px;
}

.input_exp_300 {
	width: 300px;
}

.input_exp_400 {
	width: 400px;
}

.input_button {
	cursor:pointer;
}

.border_none {
	border:none;
}

.padding_lr {
	padding:0 10px;
}

.padding_tb {
	padding:10px 0;
}

.paddind_5 {
	padding:5px;
}

.margin_tb10 {
	margin:5px 0;
}

.margin_b10 {
	margin-bottom:10px;
}

.border_bottom-none  {
	border:none;
}

.border_top-none  {
	border-top:none;
}

.no-display {
	display:none;
}

.button {
	cursor:pointer;
}
/* Header
-----------------------------------------------------------------------------*/

#header {
	padding:0px 0 0 0;
}

.header_logo {
	float:left;
}

img#header_logo {
	background: url(../images/logo_constructor_w.jpg) 0 0 no-repeat;
	width:600px;
	height:100px;
	padding:0px 0 0 0;
	margin:0 0 8px 5px;
}

.header_button {
	float:right;
}

/* Button Top
------------------------------------------------*/

.fg-button_top { outline: 0; margin:0 4px 0 0; padding: .2em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button_top .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button_top { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button_top { width:auto; overflow:visible; }
	
	.fg-button_top-icon-left { padding-left: 1.7em; }
	.fg-button_top-icon-right { padding-right: 1.7em; }
	.fg-button_top-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button_top-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button_top-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */
	
/* Menu
------------------------------------------------*/



#exp_menu {
	padding:5px;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:none;
	z-index:8;
}

	.fg-button_menu { outline: 0; margin:0 1px 0 0; padding: .6em .6em; text-decoration:none !important; cursor:pointer; position: relative; text-align: left; zoom: 1; }
	.fg-button_menu .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button_menu { float:left; }
	
	
	.fg-button_menu-icon-left { padding-left: 2.1em; }
	.fg-button_menu-icon-right { padding-right: 1.0em; }
	.fg-button_menu-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button_menu-icon-right .ui-icon { left: auto; right: .4em; margin-left: 0; }
	
	.fg-button_menu-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	


/* Middle
-----------------------------------------------------------------------------*/
/* Left Side */

#main_body {
	float:left;
	padding:0px 10px 10px 0px;
	margin:10px 0 0 0;
	width:100%;
}

.center_margin {
	margin-right:310px;
}

#button_select {
	float:right;
}

/* Right Side
   ---------- */
		
#right_modules {
	margin:1em 0 2em 2%;
	clear:right;
	float:left;
	width:280px;
	margin-left:-290px;
}





.fg-vote_button{ outline: 0; margin:0 0px 0 0; padding: 0em .1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }

.fg-vote_button .ui-icon { position: absolute; top: 50%; margin-top: -9px; left: 1em; margin-left: 0px; }
.fg-vote_button-icon-left { padding-left: 1em; }
.fg-vote_button-icon-right { padding-right: 1em; }

.fg-vote_button-icon-left .ui-icon { right: auto; left: .1em; margin-top: 0; }
.fg-vote_button-icon-right .ui-icon { left: auto; right: 0em; margin-left: 0; }
a.fg-vote_button { float:right; }

.fg-button { outline: 0; margin:0 3px 0 0; padding:0em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-solo { display:block; width:5px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	


/******************* MODULE RIGHT *******************/

.module_exp {
	margin:0 0px 10px 0;
}

.module_exp h3{
	font-size:14px;
}


.fg-module{ outline: 0; margin:0 0px 0 0; padding: .2em .2em; text-decoration:none !important; cursor:pointer; position: relative; text-align: left; zoom: 1; }

.fg-module .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 1em; margin-left: -12px; }

.fg-module-icon-left { padding-left: 1.6em; }

.fg-module_bottom {padding:5px;}

/******************* Main Menu ***********************/

.exd_ul {
	width:100%;
}

.exd_ul li {
	list-style:none;
	margin:0 0 5px 0;
}

.exd_ul li a{
	text-decoration:none;
}

.exd_ul li a:hover{
	color:#CC3300;
}

.exp_toptoday_li {
	margin:5px 0;
}


.fg-button_main { outline: 0; margin:0 4px 0 0; padding: .2em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: left; zoom: 1; }
	.fg-button_main .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button_main { float:left; }
	
	
	.fg-button_main-icon-left { padding-left: 1.7em; }
	.fg-button_main-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	



.sidebar-vote-number {
	padding:2px;
	margin:0 5px 0 0;
	width:25px;
	text-align:center;
	float:left;
}

.sidebar-article {
	line-height:23px;
}

.fg-story_bottom{ outline: 0; margin:0 0px 0 0; padding: .2em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }

.fg-story_bottom .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 1em; margin-left: -8px; }

.fg-story_bottom-icon-left { padding-left: 1.7em; }
.fg-story_bottom-icon-right { padding-right: 1.7em; }

.fg-story_bottom-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-story_bottom-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.story_text {
	margin:0 0 10px 0;
}

.story_bottom {
	float:left;
}

.read_more {
	float:right;
}




/********************* Tabs Style ************************/

/* root element for tabs  */
ul.story_tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
}

/* single tab */
ul.story_tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.story_tabs a { 
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 180px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0 5px 0 0;	
	position:relative;
	top:0px;
}

ul.story_tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.story_tabs a:hover {
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.story_tabs a.current, ul.story_tabs a.current:hover, ul.story_tabs li.current a {		
	cursor:default !important; 
}

div.story_tabs_content {
	margin:1px 0 0 0;
}


/* tab pane styling */
div.story_tabs_content div.tools_tabs {
	display:none;		
	padding:15px 10px;
	border-top:0;
}

.drop-down-tags, .drop-down-group,.share_box {
	margin:5px 0;
	font-size:11px;
}

.drop-down-tags li a, .drop-down-group li a {
	float:left;
}

.drop-down-list {
	z-index:7;	
}

.drop-down-tags, .drop-down-group {
	z-index:7;
}


.fg-story_tags{ outline: 0; margin:0 0px 0 0; padding: .2em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-story_tags .ui-icon { position: absolute; top: 50%; margin-top: -9px; left: 1em; margin-left: 0px; }
a.fg-story_tags { float:left; }
.fg-story_tags-icon-left { padding-left: 2em; }
.fg-story_tags-icon-right { padding-right: 1.7em; }

.fg-story_tags-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-story_tags-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }


.search_user_form{
	padding:0 10px 5px 10px;
}

div.tooltip {  
    padding:10px 15px; 
    width:220px; 
    display:none; 
    text-align:left; 
    font-size:12px;
	z-index:999;
}

/*********************** Login Box *********************/

.login_box {
	background:url(../images/1px_shadow.png) repeat;
	padding:10px;
	z-index:9999;
	width:530px;
}

.login_box .close {
	background-image:url(../images/close_red.png);
	position:absolute;
	right:3px;
	top:3px;
	cursor:pointer;
	height:19px;
	width:19px;

}

.login_box_text {
	padding:10px;
}

.login_box h3, .tabs-login_box h3 {
	margin:5px 0 10px 0;
}


.error_login {
	padding:5px;
}

.user_top_box {
	margin:0 0 5px 0;
	padding:0 0 0 10px;
}

.user_top_box h3 {
	padding:5px;
}

.register-right {
	margin:10px 0 0 0;
}

.user_page_box {
	margin:0 0 5px 0;
}

.user_page_box h2 {
	margin:0 0 5px 0;
}

.group_container {
	clear:both;
	padding:5px;
	margin:5px 0;
	overflow:hidden;
}

.group_left {
	float:left;
	padding:10px;
}

.group_right {
}

.group_right .toptitle a{
	font-weight:bold;
	font-size:16px;
}

.group_right .toptitle a:hover{
}

.whovotedwrapper {
	padding:5px;
}

.whovotedwrapper img {
	float:left;
	padding:0 5px 0 0;
}

.tagformat span a{
	text-decoration:none;
	margin:2px;
}

.tagformat span a:hover{
	text-decoration:none;
	margin:2px;
	color:#1D5987;
}

/* Pagination */

.pagination p {
	position:relative;
	text-align:right;
	margin:0;
	padding:5px 0 5px 0;
}

.pagination p a {
	text-decoration:none;
	padding:2px 5px;
	margin:0 3px 0 0;
}

.pagination p span {
	text-decoration:none;
	margin:0 3px 0 0;
	padding:2px 5px;
}


/* Live
-----------------------------------------------------------------------------*/

.live2-item {
	clear:both;
	text-align:center;
	overflow:hidden;
	padding:5px 2px;
}


.live2-ts,.live2-type,.live2-votes,.live2-story,.live2-who,.live2-status {
float:left;
display:block;
}

.live2-type img {
border:none;
vertical-align:middle;
margin:0;
width:60px;
}

.live2-ts {width:12%;text-transform:capitalize;}
.live2-type {width:12%;text-transform:capitalize;}
.live2-votes {width:6%;text-transform:capitalize;}
.live2-story {width:40%;text-align:left;font-weight:bold;text-transform:capitalize;}
.live2-story a {text-decoration:none;}
.live2-story a:hover {text-decoration:underline;}
.live2-who {width:18%;text-transform:capitalize;}
.live2-status{width:12%;text-transform:capitalize;}
.live2-problem {color:red;text-transform:capitalize;}

table#live_comm_exp td {
	padding:5px 2px;
}

#exp_cooments_log a{
	text-decoration:underline;
}

.copyright_right {
	text-align: right;
	padding:5px;
}

.exp_btn_top {
}

.topuser {
	margin:5px 0;
}

.topuser li {
	margin:0 0 5px 0;
}

.topuser li a{
	text-decoration:none;
}

.top_user_name {
	margin:0 0 0 10px;
}
.exp_publ_small {
	font-size:11px;
	color:#666666;
}

.exp_publ_left {
	float:left;
	padding:2px;
	margin:0 5px 0 0;
}

.exp_publ_left img {
	border:none;
}

.exp_publ_box {
	margin:5px 0 5px 0;
}

#exp_comments_box {
	margin:5px 0 5px 0;
}
.login_box_padding {
	padding:5px;
}

/**********************Module Login Box ******************/
.login_avatar_margin {
	margin:5px 0;
}


.login_avatar {
	float:left;
	padding:2px;
	margin:0 5px 5px 0;
}

.postheader p a:nth-of-type(2) {
	font-size: 11px;
}

.header_logo small {
	margin-left:4px;
}