@charset "utf-8";

/* CSS Document */

.form-table th {
    width: 260px !important;
}

.clear{  
    clear: both;  
    height: 0;  
    visibility: hidden;  
    display: block;  
} 

#container{ 
    width: 100%;
}  
#container ul{  
    list-style: none;  
    list-style-position: outside;  
}  
#container ul.menu li{  
    float: left;  
    margin-right: 5px;  
    margin-bottom: -1px;  
}  
#container ul.menu li{  
    font-weight: 700;  
    display: block;  
    padding: 5px 10px 5px 10px;  
    background: #F4F9FF;  
    margin-bottom: -1px;  
    border: 1px solid #d0ccc9;  
    border-width: 1px 1px 1px 1px;  
    position: relative;  
    color: #898989;  
    cursor: pointer;  
}  
#container ul.menu li.active{  
    background: #fff;  
    top: 1px;  
    border-bottom: 0;  
    color: #5f95ef;  
}  

.content{  
    margin: 0pt auto;  
    background: #efefef;  
    background: #fff;  
    border: 1px solid #d0ccc9;  
    text-align: left;  
    padding: 10px;  
    padding-bottom: 20px;  
    font-size: 12px;  
}  
.content h1{  
    line-height: 1em;  
    vertical-align: middle;  
    height: 48px;  
    padding: 10px 10px 10px 52px;  
    font-size: 32px;  
} 


/* Main settings tabs */
#container2{ 
    width: 100%;
}  
#container2 ul{  
    list-style: none;  
    list-style-position: outside;  
}  
#container2 ul.menu2 li{  
    float: left;  
    margin-right: 5px;  
    margin-bottom: -1px;  
}  
#container2 ul.menu2 li{  
    font-weight: 700;  
    display: block;  
    padding: 5px 10px 5px 10px;  
    background: #F4F9FF;  
    margin-bottom: -1px;  
    border: 1px solid #d0ccc9;  
    border-width: 1px 1px 1px 1px;  
    position: relative;  
    color: #898989;  
    cursor: pointer;  
}  
#container2 ul.menu2 li.active{  
    background: #fff;  
    top: 1px;  
    border-bottom: 0;  
    color: #5f95ef;  
} 

/*** Added 11-3-12 by Josh Lobe to re-vamp admin panel ***/
div.updated {
	background-color:#D6F9D8 !important;
	border:1px solid #060 !important;
}

.jwl_support_sidebar, .jwl_follow_sidebar, .jwl_rate_sidebar, .jwl_signup_sidebar, .jwl_pro_sidebar {
	/*background-color:#CCFFCC;*/
	background-color:#F4F9FF;
	/*border:1px solid #006600;*/
	border: 1px solid #60AFFF;
	padding:10px;
	border-radius: 5px 20px 5px 20px;
	margin-bottom:20px;
}
.jwl_support_sidebar h3, .jwl_follow_sidebar h3, .jwl_rate_sidebar h3, .jwl_signup_sidebar h3, .jwl_pro_sidebar h3 {
	padding-left:10px !important;
	font-family:'Unlock',cursive !important;
	/*border:1px solid #006400 !important;*/
    /*background-color:#008000 !important;*/
	border:1px solid #016391 !important;
    background-color:#2A89B2 !important;
	border-radius:4px !important;
	/*box-shadow:inset 1px 6px 12px #7CFC00, inset -1px -10px 5px #006400, 1px 2px 1px black !important;
	-o-box-shadow:inset 1px 6px 12px #7CFC00, inset -1px -10px 5px #006400, 1px 2px 1px black !important;
	-webkit-box-shadow:inset 1px 6px 12px #7CFC00, inset -1px -10px 5px #006400, 1px 2px 1px black !important;
	-moz-box-shadow:inset 1px 6px 12px #7CFC00, inset -1px -10px 5px #006400, 1px 2px 1px black !important;*/
	box-shadow:inset 1px 6px 12px #79ABFC, inset -1px -10px 5px #016391, 1px 2px 1px black !important;
	-o-box-shadow:inset 1px 6px 12px #79ABFC, inset -1px -10px 5px #016391, 1px 2px 1px black !important;
	-webkit-box-shadow:inset 1px 6px 12px #79ABFC, inset -1px -10px 5px #016391, 1px 2px 1px black !important;
	-moz-box-shadow:inset 1px 6px 12px #79ABFC, inset -1px -10px 5px #016391, 1px 2px 1px black !important;
	color:white !important;
	text-shadow:1px 1px 1px #000000 !important;
}
.jwl_support_sidebar:hover h3, .jwl_follow_sidebar:hover h3, .jwl_rate_sidebar:hover h3, .jwl_signup_sidebar:hover h3, .jwl_pro_sidebar:hover h3 {
	text-shadow: 0 0 5px #A5F1FF, 0 0 10px #A5F1FF, 
			0 0 20px #A5F1FF, 0 0 30px #A5F1FF, 
			0 0 40px #A5F1FF !important;
}
.jwl_support_sidebar p a, .jwl_follow_sidebar p a, .jwl_rate_sidebar p a, .jwl_pro_sidebar p a {
	margin-left: 20px !important;
}
.jwl_pro_sidebar {
	margin-top:40px;
}


/* Used for Tabs section */
.content.news, .content.buttons1_tab{  
    display: block;  
}
.content.tutorials, .content.spread, .content.defaults, .content.links, .content.whypro, .content.misc_tab, .content.admin_tab, .content.editor_tab {  
    display: none;  
}


.help_wrapper {
	background: #f4f9ff;
	border: 1px solid #60AFFF;
	border-radius: 5px;
	color: #555;
	height: 100%;
	margin-top: 10px;
	padding: 5px;
	position: relative;
	width: 100%;
}

.content_wrapper {
	background: #FFE6BF;
	border: 1px solid #FAC46D;
	border-radius: 5px;
	color: #555;
	height: 100%;
	margin-top: 10px;
	margin-left: 65px;
	margin-bottom: 10px;
	padding: 5px;
	position: relative;
	width: 35%;
	float:left;
}

.help_tab_list_image { 
	list-style-image: url("img/list_image.png") !important; 
	margin-left:30px !important;
}

.donations {
	display:block;
	border:1px solid black;
	padding:10px;
	background-color: #DFFFDF;
	margin-bottom:20px;
}

.plugin_addons {
	background-color:#CFF;
	color:#009;
	border:1px solid #36F;
	padding:5px;
	display:block;
	border-radius:5px;
}

.content_wrapper_tips {
	margin: 10px 0 10px 10px;
	width: 31%;
	padding: 5px;
	color: #555;
	position: relative;
	float: left;
}

.content_wrapper_title {
	font-family: 'Unlock', cursive;
	font-size: 14px;
	color: #5F95EF;
	margin-bottom:5px;
}

.content_title {
	font-family: 'Unlock', cursive;
	font-size: 18px;
	color: #5F95EF;
}

.main_help_wrapper {
	width: 98%;
	padding: 10px;
	display: inline-block;
	background: #f4f9ff;
	border: 1px solid #60AFFF;
	border-radius: 5px;
	color: #555;
	height: 100%;
	margin-top: 10px;
	padding: 5px;
	position: relative;
}

.blog_image {
	float: left;
	width: 33%;
	margin-top: 40px;
	margin-left: -20px;
	padding-right: 20px;
}

.vote_image {
	float: left;
	width: 40%;
	margin-top: 40px;
}

div.clear {
 clear: both;
 width: 100%;
 height: 1px;
}

.image_ads {
-webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
}
.image_ads:hover {
  -moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
 }
 
.show-hide
{
    display:none;
    margin: 0;
    padding: 0;
    clear:both;
}


/* Used for PRO upgrade icons */
.jwl_pro_span {
	background:#E8E6FB; 
	padding:2px 5px 2px 5px;
	border-radius: 5px; 
	font-weight: bold; 
	font-size: 12px; 
	border: 1px solid #000000;
}

/* Used for upgrade texts */
.jwl_pro_text {
	color: #999999;
	font-weight: bold;
	margin-left: 10px;
}

/* Used for buttons on addons tab */
.jwl_addon_button {
	
	-moz-box-shadow:inset 1px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 1px 1px 0px 0px #dcecfb;
	box-shadow:inset 1px 1px 0px 0px #dcecfb;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	
	background-color:#bddbfa;
	
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	
	border:1px solid #84bbf3;
	
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
	padding:6px 11px;
	text-decoration:none;
	
	text-shadow:0px 1px 0px #528ecc;
	
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;
	
}
.jwl_addon_button:hover {
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	
	background-color:#80b5ea;
}
.jwl_addon_button:active {
	position:relative;
	top:1px;
}