/*
Theme Name: Alexion CRM Site CSS
Theme URI: http://www.ravendevelopers.com
Description: Alexion CRM Site CSS Theme
Version: 1.0
Author: Anirudh K Mahant
Author URI: http://www.ravendevelopers.com
Tags: Alexion, Fixed Width, Customized Theme
*/

body{
	font: 100% Arial, Helvetica, sans-serif;
	background-color: #DEDEDE;
	text-align: center;
	margin: 0;
	padding: 0;
}

legend {
  FONT-SIZE: 12px; COLOR: #ff9900; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; COLOR: #ff9900;
}

/* For the logo */
div.logo{
	position: absolute;
	padding: 25px;
	z-index: 70;
}

div.logotext{
	position: absolute;
	padding: 30px 0 0 90px;
	font-size: 32px;
	font-weight: bold;
	color: #ffffff;
	z-index: 60;
	text-decoration: none;
}

h2.logotext{
	position: absolute;
	margin: -1px;
	color: #c8e3ff;
	font-size: 16px;
}
/* For the logo */

/* for the header buttons */
div.header-button{
	position: absolute;
	z-index: 1;
}

div.hbleft{
	position: absolute;
	z-index: 20;
	padding: 40px 0 0 679px;
}

div.hblogin{
	position: absolute;
	padding: 40px 0 0 701px;
	z-index: 40;
}

div.hbrss{
	position: absolute;
	padding: 29px 0 0 798px;
	z-index: 30;
}

div.hbright{
/*	width: 21px; */
	position: absolute;
	padding: 40px 0 0 940px;
	z-index: 10;
}
/* For the header buttons */

/* HTML typo elements */
h3 a, h3 a:link, h3 a:visited{
	color: #ed8b2c;
}

a, a:link, a:visited{
	color: #014faa;
}
h1{
	display: block;
	font-size: 2em;
	font-weight: bold;
}
h2{
	display: block;
	font-size: 1.5em;
	font-weight: bold;
}
h3{
	display: block;
	font-size: 1.17em;
	font-weight: bold;
}

h4{
	display: block;
	font-weight: bold;
}

h5{
	display: block;
	font-size: 0.83em;
	font-weight: bold;
}

h6{
	display: block;
	font-size: 0.67em;
	font-weight: bold;
}
b.sixpackheader {
	font-size: 12px;
	font-weight: bold;
}
table.sixpack {
	border-collapse: separate;
	border-spacing: 5px;
	font-size: 12px;
    color: #808285;
    vertical-align: top;
}
td.sixpackcontent {
    width: 300px;
    vertical-align: top;
}
td.sixpackimage {
    width: 48px;
    vertical-align: top;
}
p{
	font-size: 12px;
	line-height: 16px;
	color: #808285;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
}
li{
	list-style: none;
	list-style-image: none;
}
ul,menu,dir{
	display: block;
	list-style-type: disc;
	margin: 1em 0;1
}
ol{
	display: block;
	list-style-type: decimal;
	margin: 1em 0;
}
li{
	display: list-item;
}
caption{
	display: block;
}
blockquote{
	border-top: 3px solid #CFCFCF;
	background-color: #F5F5F5;
	padding: 10px 15px;
	font-size: 13px;
  margin: 20px 0;
}
/* form inputs */
input, select, textarea, fieldset, label{
	font: 0.69em/normal Arial, Helvetica, sans-serif normal;
	border: 1px solid #939598;
	background-color: #FFFFFF;
}
input, select, textarea, fieldset, label{
	font: 13px Arial, Helvetica, sans-serif normal;
}
label{
	border: none !important;
	background-color: transparent !important;
}
input[type="text"], input[type="password"],
textarea, select{
	background-color: #FAFAFA;
  border: 1px solid #B2B2B2;
  padding: 2px 3px;
}
input[type="text"]:focus, input[type="password"]:focus,
textarea:focus, select:focus{
	background-color: #F5F5F5;
	border: 1px solid #ADADAD;
}
/* Internet Explorer */
.ie-inputs{
	background-color: #FAFAFA;
  border: 1px solid #B2B2B2;
  padding: 2px 3px;
}
.ie-inputs-focus{
	background-color: #F5F5F5;
	border: 1px solid #ADADAD;
}
input[type="button"], input[type="submit"]{
	background-color: #AFB852;
	border: 1px solid #C3CA7D;
	padding: 2px 3px;
	color: #FFFFFF;
}
.ie-input-btn{
	background-color: #AFB852;
	border: 1px solid #C3CA7D;
	padding: 2px 3px;
	color: #FFFFFF;	
}
/* body classes for home and inner pages */
body.home{
	background: #DEDEDE url(images/bg-home.gif) scroll repeat-x top center;
	margin: 0;
	padding: 0;
}
body.inner{
	background: #DEDEDE url(images/bg-inner.gif) scroll repeat-x top center;
	margin: 0;
	padding: 0;
}
body.home div.container1{
	background: transparent url(images/bg-header-home.jpg) scroll no-repeat top center;
	height: 482px;
}
body.inner div.container1{
	background: transparent url(images/bg-header-inner.jpg) scroll no-repeat top center;
	height: 482px;
}
body.home div.container2,
body.inner div.container2{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
body.home div.container3{
	width: 988px;
	margin: 0 auto;
	text-align: left;
	background: url(images/bg-middle.png) repeat-y scroll center top;
  min-height: 600px;
}
body.inner div.container3{
	width: 988px;
	margin: 0 auto;
	text-align: left;
	background: url(images/bg-middle.png) repeat-y scroll center top;
  min-height: 600px;
}

body.home div.container4,
body.inner div.container4{
	text-align: left;
	background: transparent url(images/bg-footer-back.gif) scroll repeat-x center top;
}
body.home div.header-1{
	height: 108px;
}
body.inner div.header-1{
	height: 180px;
}
div.header-1 h1{
	margin: 0;
}
.home-logo{
	display: block;
	height: 108px;
	width: 340px;
	outline: none;
}
.btn-rss-feeds {
	background: url(images/btn-rss.gif) no-repeat scroll center top;
	display: block;
	height: 49px;
	width: 172px;
}
.header-2 {
	height: 345px;
}
.cycle-container{
	display: block;
}
.cycle-content{
	padding: 0 30px;
	background: transparent !important;
  cursor: auto !important;
}

* > .cycle-content{
	width: 900px;
}

.cycle-content h2 {
	font-size: 1.4em;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #024F99;
}
.my-portfolio{
	background: url(images/goto-portfolio.png) no-repeat scroll center top;
	display: block;
	height: 74px;
	width: 290px;
}
a#cycle-prev{
	background: url(images/cycle-prev.gif) no-repeat scroll center top;
	display: none;
	height: 37px; 
	width: 35px;
	margin-left:-35px;
	margin-top:0;
  top: 260px;
  position: absolute;
	#zoom: 1;
}
a#cycle-next{
	background: url(images/cycle-next.gif) no-repeat scroll center top;
	display: none;
	height: 37px;
	width: 35px;
	margin-right:-35px;
	margin-top:0;
  top: 260px;
  position: absolute;
	#zoom: 1;
}
body.home div.header-3{
	padding-top: 29px;
}

body.inner div.header-3{
	padding-top: 17px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
                body.inner div.header-3{ padding-top: 0px;}
}

table.header-menus tbody tr.links-primary td,
table.header-menus tbody tr.links-secondary td{
	vertical-align: middle;
	text-align: left;
}
/*menu text color*/
table.header-menus tbody tr.links-primary td a{
	color: #FFFFFF !important;
}
table.header-menus tbody tr.links-primary td a,
table.header-menus tbody tr.links-secondary td a{
	display: block;
	font-size: 0.94em;
	font-weight: bold;
	text-decoration: none !important;
	border-left: 1px solid #4c9fff;
	padding: 4px 15px 4px 15px;
}
table.header-menus tbody tr.links-secondary td a{
	color: #82B5F1;
	font-size: 0.75em;
	padding: 7px 15px !important;
}
table.header-menus tbody tr.links-primary td a:hover,
.primary-hover-active{
	background-color: #FF6000;
}

table.header-menus tbody tr.links-secondary td a:hover,
.secondary-hover-active{
	background-color: #C84400;
	color: #FFFFFF !important;
}

.secondary-hover-active{
	background-color: #C84400;
	color: #FFFFFF !important;
}

.primary-hover-active{
	background-color: #FF6000;
}

.c3-wrapper {
	display: block;
	padding: 30px 45px;
}
.about-alexion-crm{
	width: 515px;
}

.about-alexion-crm2{
	width: 100%;
}
.about-alexion-crm h3 {
	font-size: 1.63em;
	margin: 0px;
	color: #ed8b2c;
	line-height: 30px;
}

.about-alexion-crm h4 {
	font-size: 1em;
	color: #707070;
	margin: 10px 0 0;
	line-height: 24px;
}

.about-alexion-crm p{
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
}

/* For the google map in the contacts */
.about-alexion-contact{
	width: 430px;
}

.about-alexion-contact h3 {
	font-size: 1.63em;
	margin: 0px;
	color: #ed8b2c;
	line-height: 30px;
}

.about-alexion-contact h4 {
	font-size: 1em;
	color: #707070;
	margin: 10px 0 0;
	line-height: 24px;
}

.about-alexion-contact p{
	line-height: 20px;
	padding-top: 20px;
}

.alexion-contact-map{
	float: right;
	width: 450px;
	height: 555px;
}
/* For the google map in the contacts */

.alexion-tips{
	float: right;
	width: 299px;
}

.alexion-tips-style h3 {
	font-size: 0.94em;
	color: #014faa;
	background: url(images/bg-tips-tricks.gif) no-repeat scroll center top;
	height: 30px;
	width: 300px;
	margin: 0px;
	text-indent: 40px;
	padding-top: 15px;
}

.alexion-tips-style h4 {
	font-size: 0.94em;
	color: #014faa;
	background: url(http://alexioncrm.nl/site/wp-content/themes/alexion/images/footer.png) no-repeat scroll center top;
	height: 30px;
	width: 300px;
	margin: 0px;
	text-indent: 40px;
	padding-top: 15px;
}
.alexion-tips-style a{
  outline: none !important;
}
.alexion-tips-style ul {
	margin: 0px;
}
.alexion-tips-style ul li{
	background: #B6DBFF url(images/bg-tips-items.gif) scroll repeat-x center bottom;
	display: block;
	clear: both;
	padding-left: 5px;	margin-left: 1px;
}
.post-date-month {
	background: url(images/bg-date.gif) no-repeat scroll center top;
	height: 26px;
	width: 40px;
	text-align: center;
	color: #505050;
	font-size: 0.69em;
	font-weight: bold;
	display: block;
	font-style: normal;
	padding: 5px 0;
}
.alexion-tips-style h5{
	margin: 0;
}
.alexion-tips-style p{
	color: #505050;
	font-size: 0.69em;
}
.tip-title{
	color: #505050 !important;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.88em;
}
.footer {
	background: url(images/bg-footer-front.gif) repeat-x scroll center top;
	height: 230px;
	width: 960px;
	margin: 0 auto;
}
.footer p {
	font-size: 0.69em;
	text-align: center;
	color: #4c9fff;
}
.footer a{
	color: #4c9fff !important;
}
.about-alexion-crm ul li {
	font-size: 0.75em;
	color: #707070;
	line-height: 22px;
	list-style: disc;
}
.categories-search-wrapper {
	background: #EFEFEF;
	border: 1px solid #DBDBDB;
/*	padding: 10px 20px 30px 20px;*/
}
.categories h3 {
	font-size: 0.94em;
	color: #014faa;
	background: transparent url(images/icon-categories.gif) no-repeat scroll 25px 15px;
	height: 22px;
	width: 298px;
	margin: 0px;
	text-indent: 46px;
	padding-top: 15px;
}
.search h3 {
	font-size: 0.94em;
	color: #014faa;
	background: transparent url(images/icon-search.gif) no-repeat scroll 25px 15px;
	height: 22px;
	width: 298px;
	margin: 0px;
	text-indent: 46px;
	padding-top: 15px;
}
.categories ul{
	padding: 0px 25px 40px;
	background: transparent url(images/img-shadow.gif) no-repeat scroll center bottom;	
}
.categories ul li {
	font-size: 0.75em;
	color: #707070;
	line-height: 30px;
	background: url(images/icon-check.gif) no-repeat scroll left center !important;
	display: block;
	clear: both;
	text-indent: 25px;
}
.categories ul li a{
	color: #707070 !important;
}
.btn-go {
	background: #FF9C0E !important;
	border: 1px solid #CECECE !important;
	font-size: 0.94em !important;
	font-weight: bold !important;
}
.txt-search {
	padding: 5px !important;
	width: 180px;
}

.post .comments {
padding:80px 0 40px 0;
overflow: hidden;
}

.post .comments h2.numberOfComments {
padding-left:55px;
line-height:40px;
height:50px;
background:url(./images/icons/commentsIcon.png) no-repeat top left;
}

.post .comments h2.leaveComment {
padding-left:55px;
line-height:50px;
height:50px;
margin-top:60px;
background:url(./images/icons/addComment.png) no-repeat top left;
}

.post .comments #commentform {
border:4px solid #CCCCCC;
background:#f4f4f4;
padding:20px;
overflow: hidden;
}

.post .comments ol.commentslist {
border-bottom:1px solid #CCCCCC;
list-style:none;
padding:0px;
margin:0px;
}

.post .comments ol.commentslist li {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:20px;
overflow: hidden;
}

.post .comments ol.commentslist li.alt {
background:#eaeaea;
}

.post .comments ol.commentslist li h4 {
padding:0 0 10px 0;
}

.post .comments ol.commentslist li .avatar {
float:right;
display:block;
margin:0 0 10px 10px;
}

ul#latestposts p.left a.commentsIcon {
background:url(./images/icons/commentsIcon.png) no-repeat;
overflow: hidden;
text-align: center;
width:45px;
height:36px;
padding:10px 0 0 0;
font-size:16px;
color:#40362a;
line-height:16px;
display:block;
clear:both;
}

.contactform {

}

.contactform p {

}

.contactform label, #commentform label {
float:left;
display:block;
width:70px;
}

.contactform input, #commentform input {
width:220px;
border:2px solid #CCCCCC;
padding:5px;
font-family: Arial;
font-size:12px;
}

.contactform textarea, #commentform textarea {
width:300px;
height:120px;
border:2px solid #CCCCCC;
padding:5px;
font-family: Arial;
font-size:12px;
}

.contactform #submit, #commentform #submit{
background:url(./images/AlexionReactieVersturen.png) no-repeat;
height:34px;
line-height:22px;
border:none;
display:block;
margin-left:0px;
padding:0 20px 0 10px;
width:155px;
}

#commentform #submit {
width:155px;
}

/* breadcrump */
#breadcr {
	padding: 5px 0 0 45px;
}

#breadcr a , #breadcr a:link, #breadcr a:visited{
	color: #808285; 
}

.article-info a, #breadcrumb a {
	color: #848283;
}

.article-info span, #breadcrumb {
	line-height: 14px;
	font-size: 1.1em;
	margin-right: 5px;
	padding: 0 10px 0 20px;
	color: #848283;
	border-right: 1px #e1e1e1 solid;
}

#breadcrumb {
	padding: 0;
	border: none;
}
/* breadcrump */

/* for the login in the sidebar */
#login h2{
	font-size: medium;
	color: #014faa;
	height: 22px;
	width: 298px;
	margin: 0px;
	padding-top: 15px;
}

#login input[type="text"], input[type="password"]{
	width: 150px;
	height: 18px;
	font-size: medium;
}

#login input[type="submit"]{
	width: 65px;
	height: 18px;
	background-color: #AFB852;
	border: 1px solid #C3CA7D;
	padding: 2px 3px;
	color: #FFFFFF;
	font-size: x-small;
}

#login label, #login a {
	font-size: small !important;
	background: #FFFFF !important;
}

#login ul , #login ul li{
	background-color: #FFFFF !important; 
}
/* for the login in the sidebar */

/*For the links in the footer*/
.informatie{
	margin-top: -7px;
	float: left;
	width: 200px;
}

#footmenu {
	padding: 0 0 0 160px;
}

#footmenu td{
	padding-left: 5px;
	font-size: 0.69em;
	color: #4c9fff;
	width: 150px;
    text-align: left;
	vertical-align: top;
}
#footmenu a{
	color: #4c9fff !important;
}

#footmenu th {
	padding-left: 5px; 
	font-size: 0.80em;
	color: #4c9fff;
	width: 110px;
	border-style: solid; 
	border-width: 0 1px 0 0;
    border-color: #4c9fff;
	text-align: left;
}
/*For the links in the footer*/

a.head, a.head :link, a.head :visited{
	color: #014faa;
}

.tips_text {
	font-size: 12px;
	line-height: 16px;
	color: #808285;
}

.tips_text p{
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
}

.tips_text ul li{
	font-size: 12px;
	margin-left: 20px;
	padding-left: 10px;
	line-height: 16px;
	list-style-type: disc;
}

.next_previous {
	font-size: 12px;
}

td.selected-first,
td.selected-second{
	vertical-align: middle;
	text-align: left;
}
/*menu text color*/
td.selected-first a{
	background-color: #FF6000;
	color: #FFFFFF !important;
}
td.selected-first a,
td.selected-second a{
	display: block;
	font-size: 0.94em;
	font-weight: bold;
	text-decoration: none !important;
	border-left: 1px solid #FFFFFF;
	padding: 4px 15px 4px 15px;
}
td.selected-second a{
	background-color: #C84400;
	color: #FFFFFF !important;
	font-size: 0.75em;
	padding: 7px 15px !important;
}

/*For the pages list in the sidebar*/
#paginas label, #paginas a {
	font-size: small;
	background: #FFFFF;
}

.previous-next {
	font-size: 12px;
}

#submenu{
	padding-left: 30px;
	font-size: 13px;
	border-style: solid;  
	border-width: 1px 1px 1px 1px; 
	border-color: #dfdfdf;
	width: 265px;
}

#submenu h3{
	width: 130px;
	border-bottom: 1px dotted #000000;
	font-size: 16px;
	color: #014faa;
}

#submenu ul{
	border-style: solid;
	padding-left: 10px;
}

#submenu li{
	height: 18px;
}

.cat_text {
	font-weight: normal;
}

.contactForm label {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	width: 10px;
}

.contactForm input[type="text"] {
	width: 275px;
}

.contactForm textarea {
	width: 275px;
	height: 175px;
}

#captchaNum {
	padding-left: 0px;
}

#captchaNum label{
	font-size: 11px;
	width: 70px;
}

.comment-label {
	font-size: 11px;
}
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
input.download {
	width:121px;
	height:46px;
	border:1px;
	background: url(images/download.png) no-repeat;
	font-size: 0px;
	color:#66cc33;
	cursor:pointer;
}