/*
Theme Name: SocialKen Theme
Theme URI: http://socialken.com/
Description: The official SocialKen theme.
Version: 1.1
Author: The SocialKen Team
Author URI: http://socialken.com/
Tags: socialken, professional, corporate

	SocialKen v1.1
	 http://socialken.com/

	This theme was designed and built by the SocialKen team.
*/

/*---:[ global elements ]:---*/
body {font-family: Georgia,Times New Roman,serif;
font-size: 1.0em;
font-weight: normal;
line-height: 1.4em;
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #222222;
background: #182b40;
border-top: 5px solid #182b40;
}

* { padding: 0; margin: 0; }

a, a:visited { text-decoration: underline; font-weight: normal; color: #184E9A; }
a:hover { text-decoration: underline; color: #487EcA; }
a img { border: none; background: none; }

pre { width: 445px; margin: 0 0 1.5em 0px; overflow: auto; font-size: 1.3em; float: left; clear: both; }
* html pre { font-size: 1.3em; }

img { border: 1px solid #222; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 1.0em; }
ul, li { list-style-type: none; }

/*---:[ headlines ]:---*/

h1, h2, h3, h4 { font-weight: bold; }
* html h1 { letter-spacing: -0.1em; }
h1 { font-size: 2.0em; line-height: 1.4em; margin: 1.0em 0 1.0em 0; text-align: center; }
h1 a, h1 a:visited, h1 a:hover { text-decoration: none; }
h2 { font-size: 1.6em; line-height: 1.2em; margin: 0.7em 0 0.7em 0; text-align: center; }
h2 a, h2 a:visited { text-decoration: none; }
h2 a:hover { text-decoration: underline; background: #184E9A; color: #FFFF8; }
h3 { font-size: 1.4em; line-height: 1.0em; margin: 0.5em 0 0.5em 0; }
h3 a, h3 a:visited, h3 a:hover { text-decoration: none; }
h4 { font-size: 1.2em; line-height: 0.8em; margin: 0.3em 0 0.3em 0; }
h4 a, h4 a:visited, h4 a:hover { text-decoration: none; }
.entry-title a, .entry-title a:visited { text-decoration: none; background: none; color: #184E9A; }
.entry-title a:hover { text-decoration: underline; background: #184E9A; color: #FFFFF8; }

.posts h4 { font-weight: bold; line-height: 1.6em; padding: 0.4em 0 1.0em 0px; }
.posts h4.meta { font-size: 0.8em; font-weight: normal; text-align: center; }
.posts h4.meta a, .posts h4.meta a:visited { color: #184E9A; }
.posts h4.meta a:hover { background: #184E9A; color: #FFFFF8; }
.pages h4 { font-size: 1.2em; line-height: 1.6em; margin: 0 0 0.5em 0; padding: 0.4em 0 0 0; clear: both; }

/*---:[ core layout elements ]:---*/
#container { width: 992px; margin: 0 auto; padding: 0; background: #F6F5F4;}
#content_box { width: 992px; text-align: left; float: left; clear: both; border-top:10px solid #D3D9E0; border-bottom:10px solid #D3D9E0; background: #D3D9E0; }
#content_box-archives { width: 992px; text-align: left; float: left; clear: both; border-top:10px solid #D3D9E0; border-bottom:10px solid #D3D9E0; background: #D3D9E0; }
#content { float: left; width: 632px; padding: 0 30px 30px 30px; background: #D3D9E0; }
#content-archives { margin: 0 auto; width: 692px; padding: 0 30px 30px 30px; background: #D3D9E0; }
#content-homepage { margin: 0 auto; width: 932px; padding: 0 30px 0 30px; background: #D3D9E0; }

* html #content { overflow: hidden; }
#sidebar { width: 279px; float: right; margin: 0; padding: 0 8px 0 8px; background: #eeece6; border-right: 1px solid #424242; border-left: 1px solid #9a9a9a; }
* html #sidebar { overflow: hidden; }
#footer { width: 960px; margin: 8px 0px 8px 16px; padding: 8px 0 8px 0; background: #A0ADBD; float: left; clear: both; text-align: center; font-size: 0.8em; color: #222; }

/*---:[ header styles ]:---*/
#masthead {width:940px;list-style:none;background:#fff;float:left;clear:both;height:175px;margin:8px 16px 8px 16px;border-top:10px solid #fff;border-right:10px solid #fff;border-bottom:10px solid #fff;border-left:10px solid #fff;}
#masthead ul#top-right {float:right;clear:none;height:150px;width:450px;}
#masthead li#meta-links {float:right;line-height:1.5em;margin:16px 16px 0px 0px;color:#222;background:none;font-size:1.2em;}
#masthead li#meta-links span {font-size:0.8em;line-height:1.2em;}
#masthead li#meta-links a, #masthead li#userinfo a:visited {color:#6A7F9A;}
#masthead li#meta-links a:hover{color:#A0ADBD;}

#searchbox { display:block; float:right; text-align:left; font-size:1.0em; margin:10px; }

#searchbox a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#EEEEEE;
}

#searchbox a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#CCCCCC;
}

#searchbox a.current, #searchbox a.current:visited, #searchbox a.current:hover {
color:#0000FF; }

#menu { width:690px;list-style: none; padding: 4px; float: left; clear: none; border: 1px solid #000000; background: #343D60; line-height:1.5; }
#menu li { float:left; padding: 0px 0px 0px 36px; font-size: 1.2em; }
#menu li a, #menu li a:visited { color: #ffffff; text-decoration: none; padding: 4px; margin: 0; background: #343D60;}
#menu li a:hover { color: #343D60; text-decoration: none; background: #eaecf2; padding: 4px; margin-top: 0; }
#menu img {border: 0 none; float: left; }

#menu-account { width: 700px; list-style: none; padding: 2px; float: left; clear: both; border: 1px solid #000000; background: #dddddd; margin:8px 20px 10px 20px; }
#menu-account li { float:left; padding: 0px 0px 0px 36px; font-size: 1.2em; }
#menu-account li a, #menu-account li a:visited { color: #ffffff; text-decoration: none; padding: 0; margin: 0; background: #ff0000;}
#menu-account li a:hover { color: #ffffff; text-decoration: none; background: #DE2727; padding: 0; margin-top: 0; }

#logolist { width: 940px; list-style: none; margin: 0 20px 0 20px; padding: 0; background: none; float: left; clear: both; }
#logolist li { float:left; margin: 16px; padding: 0; font-size: 1.4em; list-style-type: none; }
#logolist img {border: 0 none; float: left; }

/*---:[ content styles ]:---*/

.entry { margin: 0 0 0 0; padding: 1.0em 0 0 0; }
.entry blockquote { font-size: 0.9em; color: #666; margin: 0 16px 0 32px; }
.entry blockquote.right { width: 248px; color: #C3C3C3; font-style: italic !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #33CCFF; border-width: 3px 0; text-align: center; float: right; }
.entry blockquote.left { width: 248px; color: #C3C3C3; font-style: italic !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 1280px !important; padding: 0.3em 0 !important; border: 3px double #C3C3C3; border-width: 3px 0; text-align: left; float: left; }
.entry blockquote p, .entry blockquote.right p, .entry blockquote.left p { margin: 0 16px 16px 16px !important; line-height: 1.2em !important; }
.entry a img{ text-decoration: none; background: none; }
.entry p { margin: 0 16px 1.0em 0px; }
.entry ul { margin: 0 0 1.5em 32px; }
.entry ol { margin: 0 0 1.5em 32px; }
.entry ul li { margin: 0 0 0.2em 8px; list-style-type: disc; }
.entry ol li { margin: 0 0 0.2em 8px; list-style-type: decimal; }
.entry a, .entry a:visited, .entry ul li a, .entry ul li a:visited, .entry ol li a, .entry ol li a:visited { color: #184E9A; font-weight: normal; }
.entry a:hover, .entry ul li a:hover, .entry ol li a:hover { text-decoration: underline; color: #689EeA; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 32px; }
.entry dl { margin: 0 0 1.5em 0; }
.entry dt { font-weight: normal; margin: 0 0 0.5em 0; }
.entry dd { margin: 0 0 1.5em 16px; }
.entry .ad { margin: 0 0 0.5em 16px; float: right; clear: right; }
.entry .ad_left { margin: 0 16px 0.5em 0; float: left; clear: left; }
.entry img { max-width: 490px; height: auto; width: expression(this.width > 490 ? 490: true); }
.entry img.left { padding: 3px; margin: 0 16px 0.5em 0; float: left; clear: left; }
.entry img.right { padding: 3px; margin: 0 0 0.5em 16px; float: right; clear: right; }
.entry img.center { display: block; padding: 3px; margin: 6px auto 1.5em auto; float: none; }
.entry img.prologo { padding: 0; margin: 0 0 0 16px; float: right; clear: right; border: none; }
.entry img.report { border: none; }
.entry img.alignleft { padding: 3px; margin: 0 16px 0.5em 0; float: left; clear: left; }
.entry img.alignright { padding: 3px; margin: 0 0 0.5em 16px; float: right; clear: right; }
.entry img.aligncenter { display: block; padding: 3px; margin: 6px auto 1.5em auto; float: none; }
.entry img.off { padding: 0 !important; border: none !important; }
.entry img.stack { clear: none !important; }
.tagged { display: block; margin: 0; padding: 0.4em 0; clear: both; }
.tagged a { padding: 3px; color: #184E9A; text-decoration: none; border: none; background: none; }
.tagged a:visited { padding: 3px; color: #184E9A; text-decoration: none; border: none; background: none; }
.tagged a:hover { padding: 3px; color: #FDFDFD; background: #184E9A; text-decoration: none; border: none; }
.sharethis { font-weight: normal; }
.sharethis a, .sharethis a:visited { padding: 3px; color: #184E9A; text-decoration: none; border: none; background: none; }
.sharethis a:hover { color: #FDFDFD; background: #0d2951; text-decoration: none; border: none; padding: 0 0 0 22px; }
ul#add_comment { font-size: 1.3em; width: 622px; margin: 0 0 2.0em 0; padding: 0; font-weight: normal; float: left; clear: both; background: #184E9A; border-top: 1px solid #0d2951; border-bottom: 1px solid #0d2951; line-height: 1.3em; list-style-type: none; }
ul#add_comment li { text-align: center; float: left; border-left: 8px solid #184E9A; background: #184E9A; display: block; list-style-type: none; }
ul#add_comment li a { color: #0d2951; padding: 0; text-decoration: none; border: none; }

ul#add_comment li a:visited { color: #0d2951; text-decoration: none; border: none; }
ul#add_comment li a:hover { color: #FDFDFD; background: #0d2951; text-decoration: none; border: none; }

.navigation { width: 622px; margin: 0 0 2.0em 0; font-size: 1.5em; float: left; }
* html .navigation { margin: 0 0 2.5em 0; }
.previous { padding: 0 16px 0 0; float: left; }
.next { padding: 0 8px 0 0; float: right; }
/*.clear { width: 622px; height: 1px; clear: both; }*/
/*.clear-small { width: 128px; height: 1px; clear: both; }*/

/*---:[ sidebar styles ]:---*/
ul.sidebar_list { list-style: none; }
ul.sidebar_list li.widget { list-style: none; width: 248px; margin: 0 0 2.5em 0; line-height: 1.2em; float: left; }

li.widget h2 { font-size: 1.4em; letter-spacing: normal; line-height: 1.2em; padding: 2px; }
li.widget p { font-weight: normal; margin: 0 0 1.5em 0; padding: 0 4px; }
li.widget ul { list-style: none; margin: 0 0 0.5em 0; }
li.widget ol { margin: 0 0 0.5em 0; }
li.widget li { list-style: none; margin: 0; font-weight: normal; }
/*li.widget li a, li.widget li a:visited { margin: 4px 0 4px 0; padding: 0 0 0.5em 4px; text-decoration: none; color: #FDFDFD; background: #184E9A; display: block; font-weight: normal; }*/
/*li.widget li a:hover { padding: 0 0 0.5em 4px; color: #FDFDFD; background: #0d2951; text-decoration: none; font-weight: normal; }*/
li.widget li a, li.widget li a:visited { margin: 4px 0 4px 0; padding: 0 0 0.5em 4px; text-decoration: none; color: #184E9A; background: none; display: block; font-weight: normal; }
li.widget li a:hover { padding: 0 0 0.5em 4px; color: #FDFDFD; background: #184E9A; text-decoration: none; font-weight: normal; }
li.widget li a img { border: none; background: none; }

/*---:[ footer styles ]:---*/
#footer a, #footer a:visited { color: #184E9A; font-weight: normal; text-align: center; }
#footer a:hover { color: #FFFFFF; }

/*---:[ comment styles ]:---*/
#comments { float: left; clear: both; margin: 1.0em 0 1.0em 0; width: 568px; border: 8px 8px 8px 8px }
.comments_headers { background: #fffff8; font-size: 1.4em; font-weight: bold; text-align: center; margin: 1.0em 0 0.5em 0; }
.comments_headers a, .comments_headers a:visited { background: #fffff8; color: #184E9A; font-weight: normal; text-align: center; }
.comments_headers a:hover { text-decoration: underline; background: #184E9A; color: #FFFFF8; }

#respond-header { font-size: 1.5em; font-weight: bold; line-height: 1.5em; }
#respond { float: left; clear: both; width: 584px; }

.comment_list li.odd { width: 568px; font-weight: normal; clear: both; border-top: 8px solid #222; border-right: 24px solid #222; border-bottom: 8px solid #222; border-left: 24px solid #222; }
.comment_list li.even { width: 568px; font-weight: normal; clear: both; border-top: 8px solid #222; border-right: 24px solid #222; border-bottom: 8px solid #222; border-left: 24px solid #222; }

.comment_num { font-weight: bold; font-size: 1.0em; color: #222; }
.reader-avatar { float: left; height: 64px; width: 64px; border: none; margin: 0; padding: 0 8px 8px 16px; }

.comment-meta-odd { width: 536px; font-size: 1.0em; background: #E0E0E0; padding: 16px; }
.comment-meta-odd a, .comment-meta-odd a:visited { font-weight: normal; font-size: 1.0em; color: #184E9A; }
.comment-meta-odd a:hover { text-decoration: underline; background: #184E9A; color: #FFFFF8; }
.comment-time-odd { font-weight: normal; color: #888; font-size: 0.9em; float: right; }
.comment-time-odd a, .comment-time-odd a:visited { font-weight: normal; font-size: 0.9em; color: #888; }
.comment-time-odd a:hover { text-decoration: underline; background: #184E9A; color: #FFFFF8; }
.comment-entry-odd { width: 536px; font-size: 0.9em; font-weight: normal; color: #222; background: #E0E0E0; padding: 0 16px 16px 16px; }
.comment-entry-odd a, .comment-entry-odd a:visited { font-weight: normal; }
.comment-entry-odd a:hover { text-decoration: underline; background: #184E9A; color: #FFFFF8; }
.comment-entry-odd p { padding: 0 0 1.0em 0; }

.comment-meta-even { width: 536px; font-size: 1.0em; background: #F8F8F8; padding: 16px; }
.comment-meta-even a, .comment-meta-even a:visited { font-weight: normal; color: #184E9A; }
.comment-meta-even a:hover { text-decoration: underline; background: #184E9A; color: #FFFFF8; }
.comment-time-even { font-weight: normal; color: #888; font-size: 0.9em; float: right; }
.comment-time-even a, .comment-time-even a:visited { font-weight: normal; font-size: 0.9em; color: #888; }
.comment-time-even a:hover { text-decoration: underline; background: #184E9A; color: #FFFFF8; }
.comment-entry-even { width: 536px; font-size: 0.9em; font-weight: normal; color: #222; background: #F8F8F8; padding: 0 16px 16px 16px; }
.comment-entry-even a, .comment-entry-even a:visited { font-weight: normal; }
.comment-entry-even a:hover { text-decoration: underline; background: #184E9A; color: #FFFFF8; }
.comment-entry-even p { padding: 0 0 1.0em 0; }

#respond p { font-weight: normal; color: #222; }

#comment_form { width: 584px; float: left; display: block; background: #fffff8; }
#comment_form p { padding: 0.6em 0; }
#comment_form .meta { color: #888; font-style: italic; }
#comment_form .text_input_info { width: 300px; padding: 0 3px; color: #222; font-size: 1.0em; margin: 0 0 0 0px; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#comment_form .text_input_comment { width: 560px; padding: 0 3px; color: #222; font-size: 1.0em; margin: 0 0 0 0px; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }

#comment_form .text_area { width: 560px !important; font-size: 1.0em; }
#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#comment_form .form_submit { padding: 8px; background: #ff9900; border: 1px solid #222; font: bold 1.8em Georgia; text-align: center; cursor: pointer; float: left; }
#comment_form p.subscribe-to-comments { font-size: 1.0em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

.trackback_list { width: 552px; padding: 16px; }
.trackback_list li { margin: 0 0 0.2em 8px; list-style-type: decimal; font-weight: normal; padding: 0 0 8px 0; clear: both; }
.trackback_list li a, .trackback_list li a:visited { font-weight: normal; font-size: 1.0em; color: #184E9A; }
.trackback_list li a:hover { text-decoration: underline; background: #184E9A; color: #FFFFF8; }

/*---:[ search form styles ]:---*/
#searchform, #email_subscribe { margin: 0; padding: 0px; }
#s, #email_subscribe .email_input { width: 244px; margin: 0 0 10px; padding: 3px; color: #5F5F5F; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border: 1px solid #999; }
li.widget .search_input { font-size: 1.3em !important; }
#s:focus, #email_subscribe .email_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }


/* =========== SETTINGS ADDED BY EASTON =============== */

.package-top {width: 820px; clear: both; background: #FAFAFF; margin: 0 auto; padding: 8px; text-align: left; font-weight: normal; border: 1px solid #888888;

}

.entry .package-wrapper { background: none; clear: both; border: 0px solid #000000; padding: 0; margin: 0 auto; list-style-type: none;

}

.package-wrapper ul { list-style-type: none;
}

.entry .package-box-overview { width: 200px; height: 452px; background: #E8E8E8; float: left; border: 1px solid #aaaaaa; margin: 20px 0 20px 20px; padding: 8px 16px 8px 4px; list-style-type: none;
}

.entry .package-box { width: 140px; height: 452px; background: #EEEEFF; float: left; border: 1px solid #aaaaaa; margin: 20px 1px 20px 0px; padding: 4px; list-style-type: none;
}

.entry .package-box-recommended { width: 180px; height: 464px; background: #FAFAFF; float: left; border: 2px solid #868374; margin: 8px 0 0 0; padding: 4px; list-style-type: none;
	
}

.package-headline { font-weight: bold; font-size: 1.4em; margin: 8px auto; padding: 0; text-align: center; list-style-type: none; border-bottom: 1px dotted #B7B097;
}

.package-headline-recommended { font-weight: bold; font-size: 1.7em; margin: 8px auto; padding: 0; text-align: center; list-style-type: none; border-bottom: 1px dotted #B7B097;
}

.package-headline-overview { font-weight: bold; font-size: 1.1em; margin: 0 auto; padding: 0 0 4px 0; text-align: center; list-style-type: none; }

.package-price { font-size: 1.0em; margin: 0 auto 8px; padding: 0; text-align: center; }

.package-price-recommended { font-size: 1.2em; margin: 0 auto 8px; padding: 0; text-align: center; }

.package-type { font-variant: small-caps; font-size: 1.0em; font-weight: bold; margin: 0 auto; padding: 0; color: #AA0000; text-align: center; }

.package-type-recommended { font-variant: small-caps; font-size: 1.4em; font-weight: bold; margin: 0 auto; padding: 4px 0; color:#AA0000; text-align: center; }

.package-info { background: none; list-style-type: none;
}

.package-info-recommended { background: none; }
.package-info-overview { background: none; }
.package-info-overview ul { margin: 4px 0 4px 8px; }
.package-info ul { margin: 4px 0 4px 8px; }
.package-info-recommended ul { margin: 4px 0 4px 8px; }

.package-info ul li { background: none; margin: 0 0 0.2em 0; padding: 0 0 0 4px; width: 103px; list-style-type: disc;

}

.package-info-recommended ul li { background: none; margin: 0 0 0.2em 0; padding: 0 0 0 4px; list-style-type: disc;

}

.package-info-overview ul li { background: none; margin: 0 0 0.2em 0; padding: 0 0 0 4px; list-style-type: disc; font-size: 0.8em;

}

.package-learn-more { background: none; margin: 0 auto; padding: 4px 0; text-align: center;

}

.package-learn-more-recommended { background: none; margin: 0 auto; padding: 4px 0; text-align: center;

}

.package-order {background: none; margin: 0 auto; padding: 0; text-align: center; }

/*.package-order a {
	height: 25px;
	text-align: center;
	background: url(images/order-now.gif) no-repeat center top;
	width: 99px;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 40px;
}*/

/*.package-order a:hover {
	background: url(images/order-now.gif) no-repeat center -26px;
}*/

.package-order-recommended { background: none; margin: 0 auto; padding: 0; text-align: center; }

.package-order-recommended a {
	height: 25px;
	text-align: center;
	background: url(images/order-now.gif) no-repeat center top;
	width: 99px;
	display: block;
	margin-top: 0em;
	padding: 0 0 0 52px;
}

.package-order-recommended a:hover {
	background: url(images/order-now.gif) no-repeat center -26px;
}

.package-contact {width: 600px; clear: both; height: 24px; background: #fcfcfc; margin: 0 auto; padding: 0; text-align: center; font-weight: bold; border: 1px solid #000000;
}

/*-- ROUNDED CORNERS --*/


/*-- ROUNDED CORNERS --*/
  .rounded_5px {
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
  }
  .rounded_top_5px {
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
  }
  .rounded_bottom_5px {
    border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
  }



  .rounded_10px {
    border-top-right-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-bottom-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
  }
  .rounded_top_10px {
    border-top-right-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-top-left-radius:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
  }
  .rounded_bottom_10px {
    border-bottom-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
  }


/*-- CLEARFIX --*/
  .clear:after {
  	content:".";
  	display:block;
  	height:0;
  	clear:both;
  	visibility:hidden;
  }
  .clear {display:inline-block;}
  /* Hide from IE Mac \*/
  .clear {display:block;}
  /* End hide from IE Mac */

.link-button a {
  text-decoration:none;
}

button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 30px;
width: auto;
}

button.rounded {
background: transparent url( btn_right.png ) no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}

button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px;
}

button.rounded span {
background: transparent url( btn_left.png ) no-repeat scroll left top;
color: #FFFFFF;
}

button.rounded:hover {
background-position: 100% -30px;
}

button.rounded:hover span {
background-position: 0% -30px;
}

button::-moz-focus-inner {
border: none;
}



.toolblock {
	width:400px;
	margin:0 auto;
	text-align:left;
}
.toolelement * {
	padding:5px; 
	margin:2px; 
	font-family:arial;
	font-size:12px;
}
.toolelement label {
	float:left; 
	width:75px;
	font-weight:bold;
}
.toolelement input.text {
	float:left; 
	width:270px;
	padding-left:20px;
}
.toolelement .textarea {
	height:120px; 
	width:270px;
	padding-left:20px;
}
.toolelement .highlight {
	border:2px solid #9F1319;
	background:url(http://socialken.com/wp-content/uploads/socialken-logo-189x48.png) no-repeat 2px
}
.toolelement #submit {
	float:right;
	margin-right:10px;
}
.toolloading {
	float:right; 
	background:url(http://socialken.com/wp-content/uploads/socialken-logo-189x48.png) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.tooldone {
	background:url(http://socialken.com/wp-content/uploads/socialken-logo-189x48.png) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none;
}


/* wrap */ 
#menwrap { 
 background:url(http://socialken.com/wp-content/uploads/socialken-logo-266x135.png) no-repeat 0px;
 float: left; 
 width: 266px; 
 height: 135px; 
 margin: 0; 
 padding: 0;
} 

#menwrap img {
 border: none;
}
 
div#ie_height_fix { 
 width: 1px; 
 height: 220px; 
 margin: 0; 
 padding: 0; 
} 
 
#menwrap h2 { 
 position: absolute; 
 width: 150px; 
 height: 35px; 
 margin: 60px 0 0 45px; 
 padding: 10px 0 0 0; 
 text-align: center; 
 font-size: 1.5em; 
 z-index: 0; 
 text-indent: 45px; 
} 
 
#menwrap h2 span { 
 display: block; 
 text-indent: 0; 
 font-size: .8em; 
 width: 90px; 
 border-top: 2px solid #abe9ab; 
 margin: 5px 0 0 25px; 
 padding: 5px 0 0 0; 
 color: #666; 
 text-align: center; 
} 
 
/* Headers */ 
 
#menwrap h2.pienews { 
 background: url('http://socialken.com/wp-content/uploads/news.gif') no-repeat left -45px; 
} 
 
#menwrap h2.pietools { 
 background: url('http://socialken.com/wp-content/uploads/tools.gif') no-repeat left -45px; 
} 
 
#menwrap h2.pielibrary { 
 background: url('http://socialken.com/wp-content/uploads/library.gif') no-repeat left -45px; 
} 
 
#menwrap h2.piehelp { 
 background: url('http://socialken.com/wp-content/uploads/help.gif') no-repeat left -45px; 
} 

#menwrap h2.pietest { 
 background: url('http://socialken.com/wp-content/uploads/test.png') no-repeat left -45px; 
} 

#menwrap h2.piesettings { 
 background: url('http://socialken.com/wp-content/uploads/settings.gif') no-repeat left -45px; 
} 
 
#menwrap h2.pielogin { 
 background: url('http://socialken.com/wp-content/uploads/log-in.gif') no-repeat left -45px; 
} 

#menwrap h2.pielogout { 
 background: url('http://socialken.com/wp-content/uploads/log-out.gif') no-repeat left -45px; 
} 
 
/* list style */ 
 
ul#piemenu { 
 margin: 0 auto; 
 padding: 10px 0; 
 width: 200px; 
 height: 150px; 
 list-style: none; 
 list-style-type: none; 
 position: relative; 
} 
 
ul#piemenu li { 
 width: 32px; 
 height: 32px; 
 margin: 0; 
 padding: 0; 
 display: block; 
 list-style: none; 
 list-style-type: none; 
 position: absolute; 
 z-index: 2; 
} 

ul#piemenu li#pietest { 
 width: 64px; 
 height: 64px; 
 margin: 0; 
 padding: 0; 
 display: block; 
 list-style: none; 
 list-style-type: none; 
 position: absolute; 
 z-index: 2; 
} 

ul#piehome { 
 margin: 0; 
 padding: 0; 
 width: 200px; 
 height: 150px; 
 list-style: none; 
 list-style-type: none; 
 position: absolute; 
} 
 
ul#piehome li { 
 width: 199px; 
 height: 56px; 
 margin: 0; 
 padding: 0; 
 display: block; 
 list-style: none; 
 list-style-type: none; 
 position: absolute; 
 z-index: 2; 
 top: 0px;
 left: 0px;
} 
 
/* :active and :hover background */ 
 /* not active items */ 
  
 ul#piemenu a.menitem:link, ul#piemenu a.menitem:visited { 
  background-position: left bottom; 
 } 
  
 ul#piemenu li a.menitem:hover, ul#piemenu li a.menitem:active { 
  background-position: left top; 
  background-color: rgba(255,194,107,0.2); 
 } 
  
 /* active items */ 
  
 ul#piemenu li a.menactive { 
  background-position: left top; 
  background-color: transparent; 
  opacity: 1; 
 } 
 
 ul#piemenu li a.menactive:hover { 
  opacity: 1; 
 } 
 
/* to hide info */ 
 
ul#piemenu li a.menitem span,
ul#piemenu li a.menitem strong,
ul#piemenu li a.menactive span,
ul#piemenu li a.menactive strong { 
 display: none;
 text-decoration: none;
} 
 
/* to show info :hover */ 
 
ul#piemenu li a.menitem:hover strong { 
 display: block; 
 position: absolute; 
 width: 120px; 
 border: 0;
 text-align: center; 
 font-size: 0.9em;
 border: 0; 
 background-color: rgba(255,164,60,0.9);
 padding: 2px; 
 margin: 2px 2px 0 2px; 
 color: #222; 
 left: 35px; 
 top: -10px; 
 height: 25px;
 z-index: 1; 
} 
 
ul#piemenu li a.menitem:hover span { 
 display: block; 
 position: absolute; 
 width: 120px; 
 border: 0;
 text-align: center; 
 font-size: 0.7em;
 border: 0; 
 background-color: rgba(255,216,171,0.9);
 padding: 2px; 
 margin: 0 2px 2px 2px;
 color: #222; 
 left: 35px;
 top: 22px;
 z-index: 2; 
} 
 
/* anchors styles */ 
 
ul#piemenu li a { 
 border: 0; 
 position: absolute; 
 width: 32px; 
 height: 32px; 
 text-decoration: none;
} 

ul#piemenu li#pietest a { 
 border: 0; 
 position: absolute; 
 width: 64px; 
 height: 64px; 
 text-decoration: none;
} 

ul#piehome li a { 
 border: 0; 
 position: absolute; 
 width: 207px; 
 height: 58px; 
 opacity: 0; 
 background: #fff000;
} 

 ul#piehome li a:hover { 
  opacity: 0.1;  
 } 

#pielogin { 
 left: -40px; 
 top: 5px; 
 background-image: url('http://socialken.com/wp-content/uploads/log-in.png'); 
} 
 
#pielogout { 
 left: -40px; 
 top: 5px; 
 background-image: url('http://socialken.com/wp-content/uploads/log-out.png'); 
} 
 
#pienews { 
 left: 50px; 
 top: 133px; 
 background-image: url('http://socialken.com/wp-content/uploads/news.png'); 
} 
 
#pietools { 
 left: 195px; 
 top: 95px; 
 background-image: url('http://socialken.com/wp-content/uploads/tools.png'); 
} 
 
#pielibrary { 
 left: 125px; 
 top: 120px; 
 background-image: url('http://socialken.com/wp-content/uploads/library.png'); 
} 

#piehelp { 
 left: 250px; 
 top: 50px; 
 background-image: url('http://socialken.com/wp-content/uploads/help.png'); 
} 

#pietest { 
 left: 250px; 
 top: 50px; 
 background-image: url('http://socialken.com/wp-content/uploads/test.png'); 
}

#piesettings { 
 left: 80px; 
 top: 105px; 
 background-image: url('http://socialken.com/wp-content/uploads/settings.png'); 
} 

#map-header { width: 960px; margin: 4px 16px; padding: 8px 0; background: #A0ADBD; float: left; clear: both; font-size: 0.8em; color: #222; }

#map-top-bar { width: 910px; margin: 4px 41px; padding: 8px 0; background: #ddd; float: left; clear: both; text-align: center; font-size: 0.8em; color: #222; }

#map-left-sidebar { width: 124px; height: 800px; margin-left: 41px; background: #ddd; clear: none; float: left; color: #222; font-size: 0.8em; padding: 0px 8px; }

#map-content { width: 606px; height: 800px; margin: 0 4px; padding: 0 8px; background: #fff; text-align: left; float: left; clear: none; font-size: 0.8em; }

#map-right-sidebar { width: 124px; height: 800px; margin: 0; float: left; background: #ddd; clear: none; color: #222; font-size: 0.8em; padding: 0px 8px; }

#map-bottom-bar { width: 910px; margin: 4px 41px; padding: 8px 0; background: #ddd; float: left; clear: both; text-align: center; font-size: 0.8em; color: #222; }

#map-footer { width: 960px; margin: 4px 16px; padding: 8px 0; background: #A0ADBD; float: left; clear: both; text-align: center; font-size: 0.8em; color: #222; }

#map-main-heading { font-weight: bold; font-size: 1.7em; line-height: 1.4em; margin: 0.4em 0; text-align: center; color: #222; }

#map-heading { font-weight: bold; font-size: 1.4em; line-height: 1.2em; margin: 0.7em 0 0.7em 0; text-align: center; color: #222; }

#map-box { margin: 8px 0px 8px 16px; padding: 8px 0 8px 0; font-size: 1.0em; color: #222; text-align: left; }

#map2-header { width: 960px; margin: 4px 16px; padding: 8px 0; background: #A0ADBD; float: left; clear: both; font-size: 0.8em; color: #222; }

#map2-top-bar { width: 910px; margin: 4px 41px; padding: 8px 0; background: #ddd; float: left; clear: both; text-align: center; font-size: 0.8em; color: #222; }

#map2-left-sidebar { width: 184px; height: 400px; margin-left: 41px; background: #ddd; clear: none; float: left; color: #222; font-size: 0.8em; padding: 0px 8px; }

#map2-content { width: 486px; height: 400px; margin: 0 4px; padding: 0 8px; background: #fff; text-align: left; float: left; clear: none; font-size: 0.8em; }

#map2-right-sidebar { width: 184px; height: 400px; margin: 0; float: left; background: #ddd; clear: none; color: #222; font-size: 0.8em; padding: 0px 8px; }

#map2-bottom-bar { width: 910px; margin: 4px 41px; padding: 8px 0; background: #ddd; float: left; clear: both; text-align: center; font-size: 0.8em; color: #222; }

#map2-footer { width: 960px; margin: 4px 16px; padding: 8px 0; background: #A0ADBD; float: left; clear: both; text-align: center; font-size: 0.8em; color: #222; }

#map2-main-heading { font-weight: bold; font-size: 1.7em; line-height: 1.4em; margin: 0.4em 0; text-align: center; color: #222; }

#map2-heading { font-weight: bold; font-size: 1.4em; line-height: 1.2em; margin: 0.7em 0 0.7em 0; text-align: center; color: #222; }

#map2-box { margin: 8px 0px 8px 16px; padding: 8px 0 8px 0; font-size: 1.0em; color: #222; text-align: left; }




/*---infovis stuff---*/

input, select {
    font-size:0.9em;
}

#inner-details {
    font-size:0.8em;
    list-style:none;
    margin:7px;
}

#log {
    position:absolute;
    top:10px;
    font-size:1.0em;
    font-weight:bold;
    color:#23A4FF;
}


#infovis {
    position:relative;
    width:600px;
    height:600px;
    margin:auto;
    overflow:hidden;
    background-color:#1a1a1a;
}

/*TOOLTIPS*/
.tip {
    color: #111;
    width: 139px;
    background-color: white;
    border:1px solid #ccc;
    -moz-box-shadow:#555 2px 2px 8px;
    -webkit-box-shadow:#555 2px 2px 8px;
    -o-box-shadow:#555 2px 2px 8px;
    box-shadow:#555 2px 2px 8px;
    opacity:0.9;
    filter:alpha(opacity=90);
    font-size:10px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:7px;
}



.jit-autoadjust-label {
  padding: 15px;
}

#update, #restore {
  text-align: center;
  width: 100px;
  margin:0px 35px 10px 35px;
}

.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px / 100% Arial, Helvetica, sans-serif;
  padding: 0.5em 1em 0.55em;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.button:hover {
  text-decoration: none;
}

.button:active {
  position: relative;
  top: 1px;
}

/* white */
.white {
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.white:hover {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
  color: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top,  #ededed,  #fff);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}