/*   
Theme Name: Clarity Career Management Theme
Theme URI:  http://claritycareermanagement.com/abouttheme
Description: Official theme for Clarity Career Management.
Author: Maai Cosinas
Author URI: http://maaicosinas.com
Version: 1.654
*/


@import url('/css/fontface.css');

@charset "utf-8";

@font-face {
    font-family: AurulentBold;
    src: url('/fonts/AurulentSans-Bold.otf') format("opentype");
}




a					{ text-decoration:none; color:#36F; margin:0; padding:0;}
a:hover				{ text-decoration:underline;}
h1,h2,h3,h4,h5,p,span	{ font-family: Arial, Helvetica, sans-serif;}

body				{ font-family:Arial, Helvetica, sans-serif; background-color:#eeeded; padding:0; margin:0;}

img					{ border:none; }


#container			{ width:1086px; position:relative; margin:0 auto 0; padding:0;}

#header				{background:url(images/header/full-width-bg.png) center top no-repeat; background-size:auto 100%; min-height:368px; }
 
.headerwrap			{ width:1086px; height:334px; z-index:999; position:relative; margin:0 auto;} 

.textleft			{ text-align:left;}

.headerlogo			{ margin:0; padding:46px 0 0 75px;}

.headerlogo a		{ width:600px; height:162px; display:block;}

 

.search_page_nav						{ float:right;}
.search_page_nav a						{ padding:3px; border:1px solid #ccc;}
.search_page_nav a.onpage				{ background-color:#eee;}
.search_page_nav a:hover				{ text-decoration:none !important; background-color:#eee;}


#programnav			{ width:1016px; padding-right:8px; height:292px; padding-bottom:7px; background:url(images/programnav.png) no-repeat; margin:10px auto;}

#headernav					{ background:#fff; height:67px; border-top-left-radius:18px; border-top-right-radius:18px; width:1042px; padding:10px 10px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:93px auto 0; position:relative; 
	  }
	#headernav ul				{ padding:0 28px; list-style:none; background:url('images/headernav/main-nav-gold.png') repeat-x; width:98%; margin:0 auto; height:55px;-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; box-sizing:border-box; -moz-box-sizing:border-box;
	box-shadow:0px 25px 12px -25px  #333;}
	#headernav ul li			{ float:left; height:55px; position:relative; width:12.5%; text-align:center; display:table; border-left:2px solid #039; box-sizing:border-box; -moz-box-sizing:border-box;}
	#headernav ul li:last-child	{ border-right:2px solid #039;}
	#headernav ul li a			{ vertical-align:middle;  display:table-cell; white-space:pre-wrap; color:#fff; font-size:13px; font-weight:bold; text-shadow:2px 2px 3px #333;}
	#headernav ul li a:hover	{ text-decoration:none;}
	#headernav ul li a:focus	{ outline:none; background:url('http://claritycareermanagement.com.au/wp-content/themes/claritycareermanagement/images/headernav/main-nav-gold-hover.png') repeat-x;}
	#headernav ul li ul			{  position:absolute; left:0px; top:55px; border-radius:0px; background-repeat:repeat; height:auto;  padding:0; display:none; }
	#headernav ul li:hover		{ background:url('http://claritycareermanagement.com.au/wp-content/themes/claritycareermanagement/images/headernav/main-nav-gold-hover.png') repeat-x;}
	#headernav ul li:hover ul	{ display:block; }
	#headernav ul li ul li		{ float:none; text-align:center; width:100%; border:none !important; font-size:11px;}
	#headernav ul li ul li a	{ font-size:12px;}

#header .optinbox	{ position:absolute; right:22px; top:40px; height:255px; width:282px;}

.optinbox			{ font:Arial, Helvetica, sans-serif; font-size:12px;}/*	
 .optinbox .box1		{ height:76px; width:171px; padding:10px 10px 10px 100px;}
.optinbox .box1 h3	{ font-size:12px; margin:0; padding:0;}
.optinbox .box1 span	{ font-size:10px; margin:0; padding:0;}
.optinbox .box1 .green	{color:#679a35;} 
.optinbox .box1 .blue	{ color:#40a5ff;}
.optinbox .input1	{ width:280px; height:39px;}
.optinbox .input1:first-child { margin-top:15px;}
.optinbox .input2	{ height:38px; width:237px; display:block; margin:0 auto; color:#fff; border:none; font-size:12px; padding:0; text-align:center; font-weight:bold; background-color:transparent; cursor:pointer;} 
.optinbox label span, .optinbox label input	{ float:left; height:20px; line-height:20px; margin:4px 0 0 0;} 
.optinbox label span	{ color:#fff; width:94px; text-align:center;}
.optinbox label input	{ color:#000; width:170px; border:none; margin-left:2px;}
.optinbox label input:focus	{ outline:none;}*/
 
#contentcontainer	{ margin:0 auto; padding:0; background-color:#fff; width:1042px;}

#content			{ width:702px; padding:20px 10px 10px 10px; float:left; position:relative;}
.contentmargin		{ margin-left:15px; margin-right:10px;}

.nosidebar			{ width:1022px !important; float:none !important;}

#content .block		{ border-bottom:1px #ccc solid; padding:10px 0 10px 0; clear:both;}
#content .block img	{ padding-right:10px;}
#content .post_details	{ margin-bottom:10px; font-weight:700; color:#36F;}

#content h1			{ font-size:24px; color:#000; margin:0 0 10px; padding: 0px;}
#content h2			{ font-size:20px; color:#000; margin:0 0 5px; padding: 0px;}
#content h3			{ font-size:16px; color:#000; margin:0 0 5px; padding: 0px;}
#content h4			{ font-size:14px; color:#000; margin:0 0 5px; padding: 0px;}
#content a			{ text-decoration:none; color:#3366ff;}
#content a:hover	{ text-decoration:underline;}
#content p			{ margin:0 0 10px; padding: 0px; text-align:justify;}
#content p img		{ margin:10px;}
#content p img.alignleft {float:left;}
#content p img.alignright {float:right;}


.rollcontainer			{ border-top:1px solid #36F;}
.roll					{ padding-bottom:10px; border-bottom:1px solid #ccc; margin-top:10px;}
.roll img.rollthumb		{ border:none; margin:0 10px 10px 0; padding:0; float:left;}
.roll p.rollexcerpt		{ font-size:12px; margin:0 0 5px 0; padding:0;}
.roll .rolltitle		{ margin-bottom:0px !important; }
.roll a.readmore		{ float:right; margin-right:15px;}
.roll .rolldetails		{ font-size:14px; }
.roll .rollhead			{ margin-bottom:15px;}
.roll .rollcontent		{ margin-left:15px; margin-right:10px;}
 
.roll .socialbox		{}
.roll .socialbox ul		{ float:left; list-style:none; margin:0; padding:0;}
.roll .socialbox ul li	{ float:left; margin:0; padding:0; margin-right:10px;}	

.sidebar			{ width:300px; padding:10px; float:left; }
.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4	{ font-family: Arial; color:#4e98c7; margin:0; padding:0;}
.sidebar h2			{ font-size:18px;} 
.sidebar .block img		{ width: 100%; }
.sidebar .widget	{
	list-style:none;
}
.sidebar .rpposts					{ font-family:Arial, Helvetica, sans-serif; }
.sidebar .rpposts .tabs				{ width:100%; font-weight:bold; text-shadow: 1px 1px 4px #000; color: #fff;
background: #00339a; /* Old browsers */
background: -moz-linear-gradient(top,  #00339a 0%, #0098fe 50%, #00339a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00339a), color-stop(50%,#0098fe), color-stop(100%,#00339a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00339a 0%,#0098fe 50%,#00339a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00339a 0%,#0098fe 50%,#00339a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00339a 0%,#0098fe 50%,#00339a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00339a 0%,#0098fe 50%,#00339a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00339a', endColorstr='#00339a',GradientType=0 ); /* IE6-9 */}	
.sidebar .rpposts .tabs div.tab			{ width:100%; text-align:center; float:left; cursor:pointer;}
.sidebar .rpposts .tabs div.tab:last-child	{border:none;}
.sidebar .rpposts .tabs div:hover, .sidebar .rpposts .tabs div.selected	{ background:url(images/buttons/blue/small_nav_h.png) repeat-x;}
.sidebar .rpposts ul				{list-style:none; margin:10px 0 0 10px; padding:0;}
.sidebar .rpposts .recentposts		{}
.sidebar .rpposts .popularposts, .sidebar .rpposts .post_categories	{ display:none;}

.sidebar .block		{ margin:10px 0 10px 0; border: 2px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: -2px 2px 8px #000; overflow: hidden; }

.sidebar .socialbox					{ width:296px; height:254px; background:url(images/joinus_bg.png) no-repeat; -webkit-background-size: 300px 254px; position:relative;}
.sidebar .socialbox a				{ background-image:url(images/joinus_sprite.png); background-repeat:no-repeat; display:inline-block; height:83px; text-indent:-9999px; -webkit-background-size: 380px 80px; -moz-background-size: 380px 80px;}
.sidebar .socialbox a:hover			{background-image:url(images/joinus_sprite_h.png);}
.sidebar .socialbox .firstlayer		{ position: absolute; top: 71px; left: 0px; width: 100%; padding-left: 47px; }
.sidebar .socialbox .secondlayer	{ position: absolute;top: 108px; left: 0px; width: 100%; padding-left: 10px; }
.sidebar .socialbox a.facebook		{ background-position: -57px 0px; width: 60px; margin: 0 23px 0 28px;}
.sidebar .socialbox a.twitter		{ background-position: -183px 0px; width: 60px; margin: 0 22px 0 27px;} 
.sidebar .socialbox a.googleplus	{ background-position: 2px 0px; width: 60px;}
.sidebar .socialbox a.pinterest		{ background-position: -120px 0px; width: 60px;}
.sidebar .socialbox a.linkedin		{ background-position: -248px 0px; width: 60px;}
.sidebar .socialbox a.youtube		{ background-position: -313px 0px; width: 60px;}


.sidebar .feedbanner								{ height:15px; padding-left:20px; line-height:15px; text-align:center; background:url(images/feed%20icon.png) 2.5px 0px no-repeat; color:#36F;} 
.sidebar .feedbanner:hover							{ text-decoration:underline;}

#mainsidebar			{ }
 
#footer				{ height:112px; background:url(images/footerbg.jpg); padding:40px 10px 10px 10px; color:#7c7c7c; width:1022px; margin:0 auto;}
#footer .copyright	{ font-size:11px;}
#footer .address	{ font-size:11px;}
#footer .tel		{ font-size:11px;}
 
#footerright		{ float:right; text-align:right; font-size:14px;}
#footerright ul		{ list-style:none; margin:0; padding:0;}
#footerright ul li	{ margin:0; padding:0;} 
#footerright a		{ color:#666;} 
#footerright a:hover	{ text-decoration:underline;}


/****** PROFILE PAGE CSS ******/

/**NOTE NOTE NOTE!!! AYUSIN ANG PROFILECONTAINER KELANGANG GAWING CLASS**/

 .left				{ float:left;}
 .right				{ float:right;}

#profilecontainer .out0					{ margin:0; padding:0;}

 .topnav					{ background-color:#CCC; padding:4px 10px 4px 10px; color:#009; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-bottom:2px ridge #CCC; height:22px;}
 
 .topnav h3				{ font-size:16px; margin:0; padding:0;}
 
 
 .topnav .avatar		{ float:left; padding:0 6px 0 0;}
 .topnav .lognav		{ background-color:#eee; border:1px solid #999;}
 .topnav .lognav a		{ padding:0 5px 0 25px; background-position: 5px 0px; background-repeat:no-repeat;}
 
.topnav .lognav .home		{ background-image:url(images/icons/HOME.png);}
.topnav .lognav .logout		{background-image:url(images/icons/logout.png);}
 
#profilecontainer a			{ text-decoration:none; color:#009;}
#profilecontainer a:hover		{ text-decoration:underline;}

#profilecontainer h1, #profilecontainer h2, #profilecontainer h3, #profilecontainer h4	{ margin:0 0 5px; padding:0; color:#000; }
#profilecontainer h1			{ font-size:22px; }
#profilecontainer h2			{ font-size:18px; }
#profilecontainer h3			{ font-size:16px; }
#profilecontainer h4			{ font-size:14px; }

#profilecontent					{ float:left; padding:10px; width:656px; }
#profilesidebar					{ float:left; padding:10px; width:346px; min-height:300px; }

#profilecontent .blockleft		{ width:526px; float:left; }
#profilecontent .blockleft h3	{ border-bottom:1px solid #ccc;}
#profilecontent .blockleft .messagebox	{ background-color:#FFFBCC; padding:5px; color:#555; font-size:12px; border-radius:3px; border:#E6DB55 1px solid;}


#profilecontent .blockright				{ width:120px; float:left; text-align:center; position:relative; padding:0 10px 0 0;}
#profilecontent .blockright .avatar		{ padding:4px; background-color:#eee; border:1px solid #ccc;}
#profilecontent .blockright .button		{ padding:5px 5px 5px 25px; background-color:#eee; border:1px solid #ccc; display:block; width:88px; margin:0 auto; text-align:left; font-size:12px;}


#profilecontent .blockright .resources	{ background-image:url(images/icons/resources.gif); background-position: 5px 5px; background-repeat:no-repeat;}
#profilecontent .blockright .updateaccount	{ background-image:url(images/icons	/user.gif); background-position: 5px 5px; background-repeat:no-repeat;}
#profilecontent .blockright .contactus	{ background-image:url(images/icons/contactus.gif); background-position: 5px 5px; background-repeat:no-repeat;}
#profilecontent .blockright .profile	{ background-image:url(images/icons/profile.gif); background-position: 5px 5px; background-repeat:no-repeat;}


#profilecontent .blockright .button:hover, #profilecontent .blockright a.loaded	{ background-color:#ddd !important;}

 

.meminfo						{ margin-left:20px; padding-bottom:20px;}
.meminfo .title					{ width:130px; font-size:16px; color:#006; margin-top:7px;}
.meminfo .content				{ width:150px; font-size:16px; color:#006;margin-top:7px;}


.resourceblock					{}
.resourceblock h3				{ border-bottom:1px solid #ccc;}
.resourceblock h4				{ margin:10px 0 5px 0 !important;}
.resourceblock p.noitem			{ font-style:italic; color:#666; font-size:12px; margin:0 0 0 15px; padding:0;}

.resourceblock ul.itemlist					{ list-style:none; padding:0; margin:0 0 0 15px;}
.resourceblock ul.itemlist li				{ margin:0; padding:0;}
.resourceblock ul.itemlist li a.youtube		{ padding-left:20px; background:url(images/icons/youtube.gif) 0px 0px no-repeat;}
.resourceblock ul.itemlist li a.pdf		{ padding-left:20px; background:url(images/icons/pdf.gif) 0px 0px no-repeat;}
.resourceblock ul.itemlist li a.mp4, .resourceblock ul.itemlist li a.flv		{ padding-left:20px; background:url(images/icons/video.png) 0px 0px no-repeat;}


/***** END PROFILE PAGE *****/
 
 
.clear				{ clear:both;}
a.underline			{ text-decoration:none;}
a.underline:hover	{ text-decoration:underline;}





/*PROGRAM TABLE*/

.programtable .left	{ text-align:left;}
.programtable .blue	{ background-color:#b6dde8;}
.programtable .sapphire	{ background-color:#ccecff;}
.programtable .ruby		{ background-color:#ffcccc;}
.programtable .diamond	{ background-color:#ffffcc;}
.programtable			{ width:656px;}
.programtable h1, .programtable h2, .programtable h3	{ margin:0; padding:0;}

/*END PROGRAM TABLE*/



/*CONTACT FORM*/
 
#contactform				{ margin:20px auto; width:360px; }
#contactform span			{float:left; width:100px;}
#contactform input			{ float:left; width:250px;}


/*END CONTACT FORM*/


/*FREE GIFTS FORM*/
div.freegifts_form			{ text-align:center;} 
div.freegifts_form p		{ color:#666; font-style:italic; font-size:12px;} 
/*END FREE GIFTS FORM*/


/*LOGIN BOX*/

.loginbox				{ border:2px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow:-2px 2px 8px #000;  height:190px; position: relative;
background: #00339a; /* Old browsers */
background: -moz-linear-gradient(top,  #00339a 0%, #0098fe 50%, #00339a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00339a), color-stop(50%,#0098fe), color-stop(100%,#00339a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00339a 0%,#0098fe 50%,#00339a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00339a 0%,#0098fe 50%,#00339a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00339a 0%,#0098fe 50%,#00339a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00339a 0%,#0098fe 50%,#00339a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00339a', endColorstr='#00339a',GradientType=0 ); /* IE6-9 */} 

.loginbox .input1		{ width:281px;  height:29px; margin: 0 auto; margin-top:14px; margin-bottom: 14px; background:#FFF; border-radius: 7px; -moz-border-radius: 7px; box-shadow: 2px 3px 5px #000; box-sizing: border-box; -moz-box-sizing: border-box;}
.loginbox .submit		{ border:none; width:155px; height:30px; cursor:pointer; position:absolute; right:20px; bottom:20px; border-radius: 5px; -moz-border-radius: 5px; box-shadow: 2px 3px 5px #000; color: #FFF;
background: rgb(103,153,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(103,153,254,1) 0%, rgba(111,158,252,1) 4%, rgba(107,153,250,1) 11%, rgba(72,118,233,1) 36%, rgba(46,92,219,1) 46%, rgba(19,69,212,1) 50%, rgba(7,58,208,1) 54%, rgba(2,53,205,1) 57%, rgba(0,51,204,1) 61%, rgba(0,51,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,153,254,1)), color-stop(4%,rgba(111,158,252,1)), color-stop(11%,rgba(107,153,250,1)), color-stop(36%,rgba(72,118,233,1)), color-stop(46%,rgba(46,92,219,1)), color-stop(50%,rgba(19,69,212,1)), color-stop(54%,rgba(7,58,208,1)), color-stop(57%,rgba(2,53,205,1)), color-stop(61%,rgba(0,51,204,1)), color-stop(100%,rgba(0,51,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(103,153,254,1) 0%,rgba(111,158,252,1) 4%,rgba(107,153,250,1) 11%,rgba(72,118,233,1) 36%,rgba(46,92,219,1) 46%,rgba(19,69,212,1) 50%,rgba(7,58,208,1) 54%,rgba(2,53,205,1) 57%,rgba(0,51,204,1) 61%,rgba(0,51,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(103,153,254,1) 0%,rgba(111,158,252,1) 4%,rgba(107,153,250,1) 11%,rgba(72,118,233,1) 36%,rgba(46,92,219,1) 46%,rgba(19,69,212,1) 50%,rgba(7,58,208,1) 54%,rgba(2,53,205,1) 57%,rgba(0,51,204,1) 61%,rgba(0,51,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(103,153,254,1) 0%,rgba(111,158,252,1) 4%,rgba(107,153,250,1) 11%,rgba(72,118,233,1) 36%,rgba(46,92,219,1) 46%,rgba(19,69,212,1) 50%,rgba(7,58,208,1) 54%,rgba(2,53,205,1) 57%,rgba(0,51,204,1) 61%,rgba(0,51,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(103,153,254,1) 0%,rgba(111,158,252,1) 4%,rgba(107,153,250,1) 11%,rgba(72,118,233,1) 36%,rgba(46,92,219,1) 46%,rgba(19,69,212,1) 50%,rgba(7,58,208,1) 54%,rgba(2,53,205,1) 57%,rgba(0,51,204,1) 61%,rgba(0,51,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6799fe', endColorstr='#0033cc',GradientType=0 ); /* IE6-9 */}
.loginbox .input1 .text:focus		{ outline:none;}
.loginbox .input1 .text				{ border:none; background-color:transparent; height:29px; width:173px; float:left; margin:0; padding:0 5px 0 5px;}
.loginbox .input1 span				{ float:left; width:97px; height:29px; line-height:29px; vertical-align:middle; padding:0; margin-left: -1px; color:#FFF; text-align:center; border-bottom-left-radius: 7px;	-moz-border-radius-bottomleft: 7px; border-top-left-radius:7px; -moz-border-radius-topleft: 7px;
background: rgb(100,151,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(100,151,254,1) 0%, rgba(83,134,246,1) 15%, rgba(61,112,234,1) 30%, rgba(47,98,227,1) 37%, rgba(17,68,213,1) 48%, rgba(3,54,206,1) 56%, rgba(0,51,204,1) 59%, rgba(0,51,205,1) 96%, rgba(0,50,201,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,151,254,1)), color-stop(15%,rgba(83,134,246,1)), color-stop(30%,rgba(61,112,234,1)), color-stop(37%,rgba(47,98,227,1)), color-stop(48%,rgba(17,68,213,1)), color-stop(56%,rgba(3,54,206,1)), color-stop(59%,rgba(0,51,204,1)), color-stop(96%,rgba(0,51,205,1)), color-stop(100%,rgba(0,50,201,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(100,151,254,1) 0%,rgba(83,134,246,1) 15%,rgba(61,112,234,1) 30%,rgba(47,98,227,1) 37%,rgba(17,68,213,1) 48%,rgba(3,54,206,1) 56%,rgba(0,51,204,1) 59%,rgba(0,51,205,1) 96%,rgba(0,50,201,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(100,151,254,1) 0%,rgba(83,134,246,1) 15%,rgba(61,112,234,1) 30%,rgba(47,98,227,1) 37%,rgba(17,68,213,1) 48%,rgba(3,54,206,1) 56%,rgba(0,51,204,1) 59%,rgba(0,51,205,1) 96%,rgba(0,50,201,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(100,151,254,1) 0%,rgba(83,134,246,1) 15%,rgba(61,112,234,1) 30%,rgba(47,98,227,1) 37%,rgba(17,68,213,1) 48%,rgba(3,54,206,1) 56%,rgba(0,51,204,1) 59%,rgba(0,51,205,1) 96%,rgba(0,50,201,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(100,151,254,1) 0%,rgba(83,134,246,1) 15%,rgba(61,112,234,1) 30%,rgba(47,98,227,1) 37%,rgba(17,68,213,1) 48%,rgba(3,54,206,1) 56%,rgba(0,51,204,1) 59%,rgba(0,51,205,1) 96%,rgba(0,50,201,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6497fe', endColorstr='#0032c9',GradientType=0 ); /* IE6-9 */}

.loginbox a				{ color:#fff; font-size:12px;}
.loginbox a:hover		{ text-decoration:underline;}


.loginbox .right		{ float:right;}


/*LOGIN BOX END*/



/*USERBOX*/
.userbox				{ -webkit-background-size: 300px; width: 289px; height:133px; position:relative; padding:3px 3px 7px 3px; border: 2px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: -2px 2px 8px #000;
background: #00339a; /* Old browsers */
background: -moz-linear-gradient(top,  #00339a 0%, #0098fe 50%, #00339a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00339a), color-stop(50%,#0098fe), color-stop(100%,#00339a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00339a 0%,#0098fe 50%,#00339a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00339a 0%,#0098fe 50%,#00339a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00339a 0%,#0098fe 50%,#00339a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00339a 0%,#0098fe 50%,#00339a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00339a', endColorstr='#00339a',GradientType=0 ); /* IE6-9 */}
.userbox .avatar		{ float:left; padding:4px; background-color:#fff; border:1px solid #ccc; margin:10px 10px 0 10px;}
.userbox h2				{ margin:10px 0 10px 0; color:#fff; padding:0;}
.userbox a				{ color:#ccc; background-position:0px 0px; background-repeat:no-repeat; padding-left:20px; font-size:12px;}
.userbox a:hover		{ color:#fff !important;}
.userbox div.divide		{ width:2px; background-color:#999; height:12px; display:inline-block; }

.userbox a.profile		{ background-image:url(images/icons/profile.gif); }
.userbox a.resources	{ background-image:url(images/icons/resources.gif); }
.userbox a.logout		{ background-image:url(images/icons/logout.png); color:#ccc; margin-top:38px; display:inline-block;}
 

/*END USERBOX*/

/*DIV BUTTON*/

div.divbutton				{ background-repeat:no-repeat; text-align:center; display:inline-block; background-position:left; padding-left:10px; font-size:13px;}
div.divbutton p				{ margin:0 !important; padding: 0 11px 0 0 !important; background-position:right; background-repeat:no-repeat; }
div.divbutton a				{ text-decoration:none !important; background-repeat:repeat-x; display:block; color:#fff !important; padding-right:5px; }
div.divbutton a:hover		{ text-decoration:none !important; }

div.divbutton_normal, div.divbutton_normal p		{ height:38px !important; }
div.divbutton_normal a		{ line-height:33px; padding-bottom:5px; height:33px;}

div.divbutton_blue			{ background-image:url(images/buttons/blue/l.png);}
div.divbutton_blue p		{ background-image:url(images/buttons/blue/r.png);}
div.divbutton_blue a		{ background-image:url(images/buttons/blue/x.png);}


/*DIV BUTTON*/


/*PAGE NAV */
	.page_nav			{}
	.page_nav a			{ width:20px; height:20px; border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc; display:block; float:left; margin:0 3px 0 3px; text-align:center;}	
	.page_nav a:hover, .page_nav a.on	{ color:#fff !important; background-color:#36F; text-decoration:none !important;}
/*PAGE NAV */


/* POST TAGS */
div.post_tags			{ padding:5px; border:1px solid #ccc; font-weight:bold; font-size:12px;}
/* POST TAGS */