/*===============================*\
* Forum Design Tryag
* vBulletin 3.*.* CSS
* Design by : ALTar3Q  
* connection : altar3q@gmail.com
* site : Tar3q.com 
\*===============================*/

body
{
	background: #cfddfd url(mystyle/tar3q/blue.jpg) top left no-repeat fixed;
	color: #4D528C;
	font: 12px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
a:link, body_alink
{
	color: #4D528C;
	text-decoration: none;
}
a:visited, body_avisited
{
	color: #4D528C;
	text-decoration: none;
}
a:hover, a:active, body_ahover
{
	color: #330033;
	text-decoration: none;
}
input:focus, textarea:focus {background-color: #ffd ;border: 1px solid #666;}
td, th, p, li
{
	font: bold 16px arial, tahoma, sans-serif;
}
textarea{	font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;	
border: 1px solid #666666;	
margin: 2px;
padding : 5px; 
}
select {	
background: #F1EEDB;
color: #4D528C;	
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;	
border: 1px solid #6581C1; 
}
optgroup{
font : bold 11px tahoma, arial, helvetica, sans-serif; 
padding : 2px; 
margin : 1px;
color: #999;	
}
option{
font : 11px tahoma, arial, helvetica, sans-serif; 
margin : 1px;
color: #000;
}
legend{	
color: #8286BB;	
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;	
padding: 2px 6px 2px 6px;
}
fieldset {
font: bold 11px tahoma, arial, helvetica, sans-serif; 
border: 1px solid #8286BB; 
color: #000; 
margin-bottom: 6px; 
padding: 5px;
}
form { 
margin: 0px;
 }
label { 
cursor: default; 
}
.header 
{ 
margin: 0;  
padding: 0px;
height: 310px; 
width: 100%; }
.page
{
	background: transparent; 
	color: #fff;
}


.tborder
{
	background: #e2e1ea;
	color: #000000;
	border: 2px solid #6496c3;;
	
}
.tcat
{
	background: #5672b2 url(mystyle/tar3q/gradients/titleimage1.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #C1CFF0;
	text-decoration: underline;
}
.thead
{
	background: #b7ccfc url(mystyle/tar3q/gradients/gradient_thead1.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #C1CFF0;
	text-decoration: underline;
}
.tfoot
{
	background: #5672b2 url(mystyle/tar3q/gradients/titleimage1.gif) repeat-x top left;
	color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #C1CFF0;
	text-decoration: underline;
}
.alt1, .alt1Active
{
	background: #EFF0F4;
	color: #4D528C;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #4D528C;

}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #4D528C;

}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color:#400040;

	background: #E1E1FF;
}
.alt2, .alt2Active
{
	background: #F5F5FF;
	color: #4D528C;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #4D528C;

}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #4D528C;

}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color:#400040;
	background: #E1E1FF;
}
td.inlinemod
{
	background: #ffc1de;
	color: #4D528C;
	border-left: 1px solid #fee7f2;
	border-top: 1px solid #fee7f2;
}
td.inlinemod a:link, td.inlinemod_alink
{
	color: #4D528C;

}
td.inlinemod a:visited, td.inlinemod_avisited
{
	color: #4D528C;

}
td.inlinemod a:hover, td.inlinemod a:active, td.inlinemod_ahover
{
	color: #4D528C;

}
.wysiwyg
{
	background: #EFF0F4;
	color: #000000;
font: bold 16px arial, tahoma, sans-serif;
}
.bginput
{
border: 1px solid #666666;
cursor: text;
margin: 2px;
padding: 2px;
font: bold 11px tahoma, helvetica, sans-serif;
}
.button
{
	font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.smallfont
{
	font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #666686;
}
.navbar
{
	font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #3E5C92;
	color: #E0E0F6;
}
.fjdpth0
{
	background: #F7F7F7;
	color: #000000;
}
.panel
{
	background-color:transparent; 
	color: #000000;
	padding: 10px 0 10px 0;

}
.panelsurround
{
	background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left;
	color: #000000;
}

.vbmenu_control
{
height: 30px;
	background: #5672b2 url(mystyle/tar3q/gradients/titleimage1.gif) repeat-x top left;
	color: #F2FDFF; 
	font: bold 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
padding: 3px 6px 3px 6px;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
padding: 3px 6px 3px 6px;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color:#547DA3; 
background: #EFF0F4; 
padding: 3px 6px 3px 6px;
-moz-border-radius: 8px; border-radius:1px; 
}
.vbmenu_popup
{
	background: #D1D3E2;
	color: #000000;
	border: 1px solid #7b81cd;
}
.vbmenu_option
{
	background: #EFF0F4;
	color: #4D528C;
	font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #4D528C;

}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #4D528C;

}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #4D528C;

}
.vbmenu_hilite
{
	background: #CED5F0;
	color: #222;
	font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border-left: 1px solid #CED5F0;
	border-top: 1px solid #CED5F0;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #222;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #222;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #222;
	background: transparent; 
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */


/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { border: 1px solid #8286BB; margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-family:tahoma,verdana,arial,sans-serif;
	font-size: x-small;font-weight: bold;color: #4D528C; }

/* ***** don't change the following ***** */

.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.underline { text-decoration: underline; }
/* Here you can change the look of the post text and links */

.vb_postbit
{
	color: #4D528C;
    font: normal 18px arial, tahoma, sans-serif;
	text-decoration: none;
	padding: 10px 3px 10px 3px;
}

.vb_postbit a:link
{
	color: #666;
    border-bottom: 1px dotted #FF0000;
}
.vb_postbit a:visited
{
	color: #666;
    border-bottom: 1px dotted #FF0000;
}
.vb_postbit a:hover, .vb_postbit a:active
{
	color: #4D528C;
    border-bottom: 1px dotted #4D528C;
	border-top: 1px dotted #4D528C;
}
.sing-body{     
width: 98%; height: 100%; 
margin: 7px;
padding:0px;
text-align:center;
}
.sing {     
width: 100%; height: 100%; color: #4D528C;
border: 2px solid #E2E1EA; 
text-align:center;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
}
.sing-t { 
width: 15%;
background-color: #E2E1EA;
color: #FFE4A6;font-family:tahoma,verdana,arial,sans-serif;
font-size: x-small;font-weight: bold;
color: #336699;
border: 1px solid #E3DFDF; 
text-align:center;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
padding: 3px 6px 3px 6px;}

/* ***** Global Borders - edit forum width ***** */
.inner_border {
width: 760px; 
border-left: 1px solid #6783c3;
border-right: 1px solid #6783c3;
margin-left: auto;
margin-right: auto;

}

.outer_border {
width: 762px; 
border-left: 5px solid #c3d5ff;
border-right: 5px solid #c3d5ff;
margin-left: auto;
margin-right: auto;
}



.nav_menu_control {
color:  #FFFFFF;
font: bold 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.nav_menu_control a:link {
color:  #FFFFFF;
text-decoration: none;
}
.nav_menu_control a:visited {
color:  #FFFFFF;
text-decoration: none;
}
.nav_menu_control a:hover, .nav_menu_control a:active {
color:  #FFFFFF;
text-decoration: underline;
}

.nav_border_out {
background-color: transparent;  
border: 1px dotted #feecac;
}
.nav_border_in {
background-color: #feffe6;
border: 1px solid #FFFFFF;  
padding: 4px;
}
.navbar_forms{
background-color: #FFFFFF;
color: #4D528C;
font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #feecac;
padding: 2px;
margin: 5px;
vertical-align: middle;
}
.navbar_forms:focus {
background-color: #FFFFFF;
color: #4D528C;
font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #7b81cd;
padding: 2px;
margin: 5px;
vertical-align: middle;
}


/* ***** spacers and paddings ***** */

.cat_spacer {
padding:5px 0px 5px 0px;
}
.spacer {
padding:5px 0px 5px 0px;
}
.spacer_small {
padding:2px 0px 2px 0px;
}
.icon_legend {
background-color: #D1D1E1;
color: #000000;
border: 1px dotted #7b81cd;
}

/* ***** forum description ***** */

.forumdesc_border {
background-color: transparent;  
border: 1px dotted #E4E6F5;
}
.forumdesc {
background-color: #EFF0F4;
border: 1px solid #FFFFFF;  
padding: 10px;
}

/* ***** make dropdown menu pretty ***** */

.vb_menu_control { 
background: #b7ccfc url(mystyle/tar3q/gradients/gradient_thead1.gif) repeat-x top left;
color:  #FFFFFF;
font: bold 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vb_menu_control a:link {
color:  #FFFFFF;
text-decoration: none;
}
.vb_menu_control a:visited {
color:  #FFFFFF;
text-decoration: none;
}
.vb_menu_control a:hover, .vb_menu_control a:active {
color:  #FFFFFF;
text-decoration: underline;
}

/* ***** make announcements, stickies, moderated, polls and soft deleted posts  pretty ***** */
.announcement {
background-color: #f9e0fb;
color: #4D528C;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.sticky {
background-color: #fefdf0;
color: #4D528C;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

.poll {
background-color: #bcdcf2;
color: #4D528C;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.moderated {
background-color: #f9e0fb;
color: #4D528C;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.subscribed {
background-color: #dcf2d4;
color: #4D528C;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.deleted {
background-color: #ffc1de;
color: #4D528C;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

/* ***** online status ***** */

.online {
color: #339900;font-family:tahoma,verdana,arial,sans-serif;font-size: x-small; font-weight: bold;
}
.offline {
color: #4D528C;font-family:tahoma,verdana,arial,sans-serif;font-size: x-small; font-weight: bold;
}
.invisible {
color: #FF0000;font-family:tahoma,verdana,arial,sans-serif;font-size: x-small; font-weight: bold;
}

/* ***** dotted hr ***** */
div.hr {
height: 1px;
background: #fff url(mystyle/tar3q/misc/hr.gif) repeat scroll center;
}
div.hr hr {
display: none;
}
/* ***** search result since last visit ***** */
.last_visit {
background-color: #fadafd;
color: #641e6a;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

/* login box */
#vbstyles_element {
background-color: transparent;  
border: 1px dotted #feecac;
width: 340px;
float: right;
}
#vbstyles_element_in {
background-color: #feffe6;
border: 1px solid #FFFFFF;
padding: 4px;
}


.row {
color:#626262;
background: #EFF0F4;
}
td.row a {
color:#FFE4A6;
}

tr.row:hover {
	background-color: #F6F4D0;
}
.bottomhead { 
background: #6581C1 url(mystyle/tar3q/gradients/bottomhead.gif) repeat-x top center;
height: 15px;}
.hrhead { background:#E2E1EA ;height: 10px;}

.xxnew_thread { margin: 3px; padding:3px 6px;font-family:tahoma,verdana,arial,sans-serif;
	font-size: x-small;font-weight: bold;}
.new_thread { 
 width: 120px;
height: 24px;
margin: 2px; padding:3px 6px; 
        background-color: #CCCCFF; text-align:center;
		border: 1px solid #7F7FFF;  
  position: relative;
-moz-border-radius: 8px; border-radius:1px;
}

.new_thread:hover { color: #000;background-color: #88A1D8;border-color: #000;}

.xxclosed_thread input{ margin: 3px; padding:3px 6px;font-family:tahoma,verdana,arial,sans-serif;
	font-size: x-small;font-weight: bold;cursor: pointer;}
.closed_thread { 
 width: 120px;
height: 24px;
margin: 2px; padding:3px 6px; 
        background-color: #D84C4C; 
		font-family:tahoma,verdana,arial,sans-serif;
	font-size: x-small;font-weight: bold;
		
		text-align:center;
		border: 1px solid #000;  
  position: relative;
-moz-border-radius: 8px; border-radius:1px;
}
}
.xxclosed_thread input:hover { color: #000;background-color: #88A1D8;border-color: #000;}

/* pagination */
.xxsmallfont{  font-family:tahoma,verdana,arial,sans-serif;
	font-size: x-small;font-weight: bold;}
/* pagination */
.pagenav { padding: 2px;  margin: 0;}
.paging { margin: 2px; padding:3px 6px; -moz-border-radius:10px;
        background-color: #ccccff; border: 1px solid #7F7FFF; text-align:center;
		font-family:tahoma,verdana,arial,sans-serif;
	font-size: xx-small;font-weight: bold;}
.paging:hover { color: #000;background-color:#88A1D8;}
.paging a:link , .paging a:visited { color: #5672B2; text-decoration: none; }
.paging a:hover {color: #000; text-decoration: none;}

.here_page { margin: 2px; padding:3px 6px;  background-color: #5672B2;	color: #CCCCFF;
        border: 1.5px solid #7F7FFF; -moz-border-radius:10px; 
		font-family:tahoma,verdana,arial,sans-serif;
	font-size: xx-small; font-weight: bold;}
	
	/* menu-logo */

#menu-logo {
	float: right;
	 width: 150px;
}

#menu-logo ul {
	margin: 10px 10px 0 0;
	padding: 5px;
	list-style: none;
}

#menu-logo li {
	display: block;
	height: 32px;
}

#menu-logo a {
	float: right;
	background-color: #555;
	margin-bottom: 5px;
	padding: 4px 9px;
	text-decoration: none;
	font: bold 10px tahoma, sans-serif,arial;
	color:#aaa;
	width: 130px; text-align:center;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 5px solid #999;
	border-bottom: 5px solid #999;
	position: relative; -moz-border-radius: 8px; border-radius:1px;
}

#menu-logo a:hover {
	border-top: 5px solid #EFF0F4;
	border-bottom: 5px solid #EFF0F4;
	border-right: 1px solid #EFF0F4;
	border-left: 1px solid #EFF0F4;
	color: #fff;
	background: #5672b2 url(mystyle/tar3q/gradients/titleimage1.gif) repeat-x top left;
}
#menu-logo .active a  {
	border-top: 5px solid #93C1F2;
	border-bottom: 5px solid #93C1F2;
	border-right: 1px solid #93C1F2;
	border-left: 1px solid #93C1F2;
	background: #93C1F2;
	color: #222;
}
#menu-logo .active a:hover {
	border-top: 5px solid #666;
	border-bottom: 5px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	color: #fff;
	background-color: #666;
}
#alt3
{
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#alt3 td:hover{ 
color: #D80000;
} 
#alt3:hover { 
background: #fff url(mystyle/tar3q/alt3.gif) repeat-x top left;	
color: #0B5BA4;
}
.cse {
position: absolute;
top: 50px;
left:480px;
}
.user { 
background-color: #FFFFD9; 
padding: 4px; 
font: bold 10px tahoma,verdana,arial,sans-serif;
color: #888; 
margin: 1px;
border: 1px solid #E3DFDF; 
text-align:right;
-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;}
}
/*  Design by : ALTar3Q */