/* @override 
	http://www.in.entireweb.com:40201/eframework/css/base.css?v=005
	http://www.in.entireweb.com:40101/eframework/css/base.css?v=005
*/

/* @group IE FIX */

abbr, 
article,
aside,
audio,
canvas,
command,
datalist,
details,figure,
figcaption,
footer,
header,
hgroup,
keygen,
mark,
meter,
nav,
output,
progress,
section,
source,
summary,
time,
video {
  text-align: left;
}

/* @end */

/* @group Generic */



.fleft {
	float: left;
}

.fright {
	float: right;
}

.align_left {
	text-align: left;
}

.align_right {
	text-align: right;
}

input[type=hidden] {
  display: none !important;
}

body {
	text-align: left !important;
	background-color: #f5f5f5;
	font-family: helvetica;
	font-size: 14px;
	line-height: 1.6;
	color: #666;
}


/* @group Nice gray form */

form.eform_grey {
	background-color: #f9f9f9;
	border: 1px solid #d1d1d1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 20px;
	margin-top: 30px;
	text-shadow: #fff 0 1px 0;
}

div.thankyou_box {
	background-color: #e7f7d7;
	border: 1px solid #b5c9a4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 20px;
	margin-top: 30px;
	text-shadow: #fff 0 1px 0;
	color: #566f3e;
}

form.eform_grey label,
form.eform_greyinput,
form.eform_grey textarea {
	display: block;
	margin: 0;
	padding: 0;
	outline: 0;
}

form.eform_grey label {
	font-size: 13px;
	margin-bottom: 4px;
	color: #666;
}

form.eform_grey label i {
	font-weight: normal;
	font-size: 12px;
}

form.eform_grey input, 
form.eform_grey textarea  {
	border: 1px solid #c3c3c3;
	background: #fff url(http://media.entireweb.com/images/pages/exclusive/input_bg.png) repeat-x 0 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 10px;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	font-size: 14px;
	color: #333;
	width: 415px;
	margin-bottom: 20px;
	font-family: helvetica, arial;
	margin-top: 0;
}

form.eform_grey select {
	margin-bottom: 20px;
	color: #333;
}

form.eform_grey textarea {
	height: 96px;
	margin-bottom: 16px;
}

/* @end */

/* @group Call me form */

#cta_callback {
	background-position: -70px 0;
	width: 155px;
}

#cta_callback:hover {
	background-position: -70px -30px;
}

#cta_callback:active {
	background-position: -70px -60px;
}

#callme_container {
	width: 478px;
	margin: 35px 50px 40px;
}

#callme_container h1 {
	font-size: 26px !important;
	background: url(http://media.entireweb.com/images/pages/eframework/icon_callback.png) no-repeat;
	padding-left: 35px;
	height: 35px;
	line-height: 35px;
}

#callme_container .thankyou_box h1 {
	background-image: none;
	padding-left: 0;
}

#callme_container .thankyou_box {
	text-align: center;
}

button#callme_button {
	display: inline-block;
	*display: block;
	zoom: 1;
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	width: 113px;
	height: 40px;
	background: url(http://media.entireweb.com/images/pages/eframework/callback_submit.png) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

button#callme_button:hover {
	background-position: 0 -40px;
}

button#callme_button:active {
	background-position: 0 -80px;
}

/* @end */


/* @end */


/* @group Grid extensions */

.padding-25 {
	padding: 20px 25px;
}

/* @end */

/* @group Header */

#ew_logo {
	margin: 12px 0 6px 0;
}

#top_msg {
	float: right;
	height: 30px;
	line-height: 30px;
	margin: 13px 0;
	padding-left: 55px;

}

#top_msg.twitter {
	background: url(http://media.entireweb.com/images/pages/eframework/header_highlight_left_twitter.png) no-repeat top left;
}

#top_msg.exclusive {
	background: url(http://media.entireweb.com/images/pages/eframework/header_highlight_left_exclusive.png) no-repeat top left;
}

#top_msg.simple {
	background: url(http://media.entireweb.com/images/pages/eframework/header_highlight_left.png) no-repeat top left;
}

#top_msg.blog {
	background: url(http://media.entireweb.com/images/pages/eframework/header_highlight_left_blog.png) no-repeat top left;
}

#top_msg.express {
	background: url(http://media.entireweb.com/images/pages/eframework/header_highlight_left_express.png) no-repeat top left;
}

#top_msg div {
	display: block;
	padding-right: 13px;
	background: url(http://media.entireweb.com/images/pages/eframework/header_highlight_right.png) no-repeat top right;
	font-size: 12px;
}

header .container {
	height: 100%; /* don't go outside the .container */
}

header .menubar {
	width: 952px;
}

/* @group jMenu generic stuff */

.jmenu {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* @group jMenu Topbar Button */

.jmenu .headlink {
	z-index: 999;
	position: relative;	
}
/*.jmenu .headlink {
	float: left;
	position: relative;
	z-index: 999;
	margin: 10px 0;
	line-height: 30px;
}*/

/* @end */

/* @group jMenu Dropdown Container */

.jmenu .headlink ul {
	display: none;
	list-style: none;
	padding: 5px 0;
	margin: 0;
	position: absolute;
	top: 40px;
	left: -10px;
	z-index: 1;
	background-color: white;
	width: 220px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #d1d1d1;
	margin-left: 10px;
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
}

/* @end */


/* @group jMenu Dropdown Item */

.jmenu .headlink ul li {
	width: 175px;
	line-height: 40px;
	line-height: 40px;
	padding-left: 45px;
	background-color: white;
	cursor: pointer;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-image: url(http://media.entireweb.com/images/pages/base/icons_24.png);
	background-repeat: no-repeat;
	font-size: 13px;
	margin: 1px 0;
}

.jmenu .headlink ul li a {
	color: #0467ba;
	text-decoration: none;
}

.jmenu .headlink ul li.over {
	background-color: #f0f0f0;
	border-color: #d6ddea;
}

.jmenu .headlink ul li.active {
	background-color: #f0f0f0;
	border-color: #d6ddea;

}

/* @end */
/* @end */



/* @group jMenu Sliding Doors Button with Active state */

/*.jmenu_button { 
	display: inline-block;
	color: #d4d4d4;
	text-decoration: none;
	margin: 0 10px; 
	text-shadow: black 0px 1px 1px;
	font-size: 14px;
}*/

/*.jmenu_button:hover { 
	color: #fff;
	text-decoration: none;
}

.active .jmenu_button {
	background: url(http://media.entireweb.com/images/pages/eframework/header_menu_active_right.png) right no-repeat;
	padding: 0 13px 0 0;
}

.active .jmenu_button span {
	display: block;
	padding: 0 0 0 13px;
	background: url(http://media.entireweb.com/images/pages/eframework/header_menu_active_left.png) left no-repeat;
}*/

/* @end */

/* @group jMenu Services dropdown */

.services .free_submission {
	background-position: 0 -40px;
}

.services .newsletter {
	background-position: 0 -80px;
}

.services .newsadv {
	background-position: 0 -120px;
}

.services .speedyads {
	background-position: 0 -160px;
}

.services .exclusive {
	background-position: 0 -200px;
}

.services .search_api,
.reseller .search_api {
	background-position: 0 -240px;
}

.services .citosearch {
	background-position: 0 -280px;
}

/* @end */

/* @group New menubar */

/*#mainmenu {
	width: 952px;
	height: 40px;
	background: url(menu_bg.png) top left no-repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	
	margin: 0 auto;
}*/

/*ul.mainmenu {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}*/

.jmenu li {
	float: left;
	margin: 0;
	padding: 0;
}

.jmenu_button {
	display: block;
	width: 122px;
	height: 40px;
	overflow: hidden;
	/*padding-top: 13px;*/
	/*color: #fff;*/
	/*text-align: center;*/
	background: url(http://media.entireweb.com/images/pages/eframework/menu_bg.png) 0 0 no-repeat;
	/*text-decoration: none;*/
	text-indent: -9999px;
	
	/* Behöver inte vara med om vi indenterar text */	
	/*text-shadow: #042c48 0 1px 1px; 
	-moz-text-shadow: #042c48 0 1px 1px;
	-khtml-text-shadow: #042c48 0 1px 1px;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.4px;*/
}

.active #jmenu_services,
.active #jmenu_services:hover {
	background-position: 0 -150px;
}

.active #jmenu_reseller,
.active #jmenu_reseller:hover {
	background-position: -244px -150px;
}

.active #jmenu_showcase,
.active #jmenu_showcase:hover {
	background-position: -122px -150px;
}

.active #jmenu_about,
.active #jmenu_about:hover {
	background-position: -366px -150px;
}

.active #jmenu_support,
.active #jmenu_support:hover {
	background-position: -488px -150px;
}

.active #jmenu_blog,
.active #jmenu_blog:hover {
	background-position: -610px -150px;
}

#jmenu_services {
	background-position: 0 0;
}

#jmenu_reseller {
	background-position: -244px 0;
}

#jmenu_showcase {
	background-position: -122px 0;
}

#jmenu_about {
	background-position: -366px 0;
}

#jmenu_support {
	background-position: -488px 0;
}

#jmenu_blog {
	background-position: -610px 0;
}

#jmenu_services:hover {
	background-position: 0 -50px;
}

#jmenu_reseller:hover {
	background-position: -244px -50px;
}

#jmenu_showcase:hover {
	background-position: -122px -50px;
}

#jmenu_about:hover {
	background-position: -366px -50px;
}

#jmenu_support:hover {
	background-position: -488px -50px;
}

#jmenu_blog:hover {
	background-position: -610px -50px;
}

#jmenu_services:active {
	background-position: 0 -100px;
}

#jmenu_reseller:active {
	background-position: -244px -100px;
}

#jmenu_showcase:active {
	background-position: -122px -100px;
}

#jmenu_about:active {
	background-position: -366px -100px;
}

#jmenu_support:active {
	background-position: -488px -100px;
}

#jmenu_blog:active {
	background-position: -610px -100px;
}


/* @end */

/* @group Sitesearch form */
#sitesearchform {
	background: url(http://media.entireweb.com/images/pages/eframework/menu_bg.png) top right no-repeat; 
	float: right;
	height: 40px;
	position: relative;
	width: 220px;
}

#sitesearchform input {
	position: absolute;
	height: 20px;
	width: 165px;
	top: 10px;
	left: 20px;
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: helvetica, arial;
	font-style: italic;
	color: #444;
}

#sitesearchform input.inuse {
	font-style: normal;
}

#sitesearchform button {
	position: absolute;
	right: 10px;
	top: 7px;
	width: 25px;
	height: 25px;
	border: 0;
	opacity: 0;
	filter: alpha(opacity = 0);	
	cursor: pointer;
}

/* @group jQuery UI Autocomplete */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Component containers
----------------------------------*/
.ui-widget { font-size: 13px; font-weight: bold; text-align: left; 	text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
}
.ui-widget-content { border: 1px solid #dddddd; background-color: #fff; color: #362b36; }


.boxshadow .ui-widget-content {
	border: 0;
	-webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.ui-widget-content a { color: #362b36; font-weight: bold; }
.ui-widget-header { border: 1px solid #aed0ea; background-color: #deedf7; color: #222222; font-weight: bold; }

/* Interaction states
----------------------------------*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color: #000;
	background: #4194ca url(http://media.entireweb.com/images/pages/eframework/highlight_blue.png) repeat-x;
	border-top: 1px solid #48a9d9;
	border-bottom: 1px solid #2c79ac;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

.ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #2694e8; background-color: #3baae3; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }


/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('http://media.entireweb.com/images/pages/eframework/loading_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	margin: -1px;
}

/* @end */

/* @end */



/* @end */

/* @group Article */

article {
	padding: 15px 0 25px 0;
}

/* @group Submenu nav */

article .submenu {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}

ul.jsubmenu {
	margin: 13px 0 0 13px;
	padding: 0;
	list-style: none;
	float: left;
}

ul.jsubmenu li {
	float: left;
	position: relative;
	line-height: 25px;
	margin-right: 5px;
}

/* @group jMenu Submenu Buttons */

.jsubmenu_button { 
	text-decoration: none !important;
	display: inline-block;
	font-size: 13px;
}

.jsubmenu_button {
	padding-right: 11px;
}

.jsubmenu_button span {
	display: block;
	padding-left:  11px;
}

/* @end */

/* @end */

/* @end */

/* @group Footer */

footer .container {
	text-shadow: #fff 0 1px 0px;
	font-size: 13px;
}

footer .container .first {
	width: 150px;
	padding-left: 20px;
}

footer .container .span-16 {
	width: 930px;
	padding-left: 20px;
}

footer .ewisase,
footer .copyright {
	margin-bottom: 30px;
	margin-top: 10px;
}

footer h4 {
	font-size: 13px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #333;
}

footer nav ul {
	list-style-type: none;
	padding: 0;
}

footer nav ul li {
	line-height: 20px;
}

footer nav ul a {
	text-decoration: none;
	color: #777;
}

footer nav ul a:hover {
	color: #444;
}

footer ul.social a {
	display:block;
	height: 20px;
	line-height: 20px;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

footer a.twitter {
	background-image: url(http://media.entireweb.com/images/pages/eframework/icon_twitter_16.png);
}

footer a.facebook {
	background-image: url(http://media.entireweb.com/images/pages/eframework/icon_facebook_16.png);}

footer a.ewblog {
	background-image: url(http://media.entireweb.com/images/pages/eframework/icon_blog_16.png);}

footer .copyright {
	height: 22px;
	line-height: 22px;
}

footer .copyright i {
	color: #777;
	font-style: italic;
}


/* @end */

/* @group Login form to account */

#login_button {
	float: right;
	line-height: 25px;
	margin: 15px 15px 0 0;
	padding-right: 27px;
	color: white;
	text-decoration: none;
	text-shadow: #173042 0 1px 1px;
	background: url(http://media.entireweb.com/images/pages/eframework/submenu_login_right.png) no-repeat right top;
	font-weight: bold;
	font-size: 13px;
}

#login_button span {
	display: block;
	padding-left: 13px;
	background: url(http://media.entireweb.com/images/pages/eframework/submenu_login_left.png) no-repeat;
	background-position: left top;
}

#login_button:hover {
	background-position: right -30px ;
}
#login_button:hover span {
	background-position: left -30px;
}

#login_button:active {
	background-position: right -60px;
}
#login_button:active span {
	background-position: left -60px;
}

#forgotform,
#forgotsend {
	display: none;
	background-color: #e0f2ff;
	border: 1px solid #bdcdd9;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 10px 12px;
	margin-top: 30px;
}

.error {
	z-index: 10001;
}

#badlogin {
	display: none;
	position: fixed;
	height: 50px;
	line-height: 50px;
	width: 100%;
	top:  0;
	left: 0;
	background-color: #fff;
	text-align: center;
	font-size: large;
	-webkit-box-shadow: 0 2px 30px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 30px rgba(0,0,0,0.5);
	box-shadow: 0 2px 30px rgba(0,0,0,0.5);
}

#login_container {
	width: 600px;
	text-align: left;
	padding: 20px;
	text-shadow: 0 1px 0 #fff;
}

#login_container h1 {
	font-size: 26px;
	color: #000;
}

#login_container label,
#login_container input {
	display: block;
	width: 85%;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #000;
	margin-left: 5px;
}

#login_container input {
	font-size: 14px;
	padding: 10px 10px;
	border: 1px solid #b4bec1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 8px 0 12px;
	background: #fcfeff url(http://media.entireweb.com/images/pages/express_inclusion/input_bg.png) repeat-x;
	-webkit-box-shadow: 0px 0px 3px #fff;
	-moz-box-shadow: 0px 0px 3px #fff;
	box-shadow: 0px 0px 3px #fff;
	color: black;
	font-style: normal;
}

#login_container input:focus {
	background: #ffffed url(http://media.entireweb.com/images/pages/express_inclusion/input_bg_active.png) repeat-x;
	outline: none;
}

#login_container h3 {
	margin-top: 5px;
}

#login_container #rightcontent a {
	color: #6b9f05;
}

#signin {
	float: left;
	width: 350px;
}

#rightcontent {
	float: left;
	width: 250px;
}

#login_submit {
	background: url(http://media.entireweb.com/images/pages/eframework/login_button.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	width: 220px;
	height: 37px;
	border: none;
	cursor: pointer;
	margin-top: 20px;
}

#login_submit:hover {
	background-position: 0 -40px;
}

#login_submit:active {
	background-position: 0 -80px;
}


/* @end */

