/* Main header */
h1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #4D4C4D;
	text-decoration: none;
	/*line-height: 1;*/
	text-align: left;
	display: block;
} 

/* Subheader */
h2 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4D4C4D;
	text-decoration: none;
	display: block;
	padding-bottom: 0.2em;
	margin: 0;
} 

/* Body  */
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #4D4C4D;
	text-decoration: none;
	margin:0;
}

/* Main paragraph text */
p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4D4C4D;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	
}

/* Emphasis */
strong {
	font-weight: bold;
}

/* Links */
a {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0099D5;
	text-decoration: none;
}

/* No border around image links */
a img {
	border: none;
}

/* List items */
li {
	color: #4D4C4D;
}

/* The top navigation menu */
#main_navigation {
	background-color: #4D4C4D;
	width: 1024px;
	margin: 0;

	padding-left: 10%;
	
	display: block;
	position: static;
	clear: both;
	float: left;
}

/* Unordered list to create top navigation menu */
#main_navigation ul {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
		
	margin: 0;
	padding-top: 52px;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	float: right;
}

/* Navigation menu on the top of the page (main navigation) */
.main_navigation_inactive {
	color: #FFFFFF;
	background-color: #4D4C4D;
	margin: 0;
	
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	display: inline;
	position: relative;
}

.main_navigation_inactive a {
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #4D4C4D;
}

.main_navigation_inactive a:hover {
	text-transform: uppercase;
	color: #b3b3b3;
}

/* Navigation menu on the top of the page (main navigation) */
.main_navigation_active {
	color: #0099D5;
	background-color: #FFFFFF;
	margin: 0;

	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	display: inline;
	position: relative;
}

.main_navigation_active a,  .main_navigation_active a:hover {
	text-transform: uppercase;
	color: #0099D5;
	background-color: #FFFFFF;
}


/* Navigation menu to the left of the screen (sub-navigation) NOT USED??*/
#navigation_menu_left {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #4D4C4D;
	text-decoration: none;
}



/* Text shown in the blog, to display date */
.text_date {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #4D4C4D;
	text-decoration: none;
	display: inline;
}

/* Header on start page */
#logo_start {
	/* Take away logo safety margin to align SamSari "S" with the rest of the content */
	margin: 0 0 0 -34px;
	padding-left: 10%;
	background-color: #4D4C4D;
	position: relative;
	clear: both;
	display: block;
}

/* Header on non-start pages */
#logo {
	/* Take away logo safety margin to align SamSari "S" with the rest of the content */
	margin: 0 0 0 -13px;
	background-color: #4D4C4D;
	position: relative;
	display: block;
	float: left;
}




/* The main content part on the start page*/
#main_content_start {
	background-color: #4D4C4D;
	width: 1024px;
	margin: 0;
	padding-top: 2em;
	padding-left: 10%;
	clear: both;
	border: 0;
	display: block;
}

.puff_object {
	background-color: #FFFFFF;
	width: 330px;
	height: 230px;
	background-image: url(../pics/placeholder_puff.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0;
}

.puff_object h1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0099D5;
	
	text-decoration: none;
	margin:0;
	display: block;
	padding: 0.5em;

}

.puff_object p {
	font-size: 1.05em;
	color: #4D4C4D;
	padding: 0.5em;

}

.puff_object a {
	color: #0099D5;

}

/* The main content area */
#main_content, #main_content_aspx {
	width: 1024px;
	background-color: #FFFFFF;
	margin: 0;
	padding-left: 10%;
	padding-top: 5em;
	padding-right: 0;
	padding-bottom: 5em;

	clear: left;
	display: block;
	min-height: 30em;
}

#main_content_aspx {
	display: block;
}

#main_content:after {
	display: block;
	clear: both;
	content: "";
}

/* Trying to get a white area to cover up the space to the right of the main content! */
#main_wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFFFFF;
	clear: both;
}

/* Size, position and background colour for the left-hand menu */
#menu_column, #menu_column_aspx {
	background-color: #FFFFFF;
	width: 256px;
	margin: 0;
	float: left;
	clear: left;
	padding-top: 0.8em;
	display: block;
}
#menu_column_aspx {
	display: block;
}

/* Header definition for left menu */
#menu_column h1, #menu_column_aspx h1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: right;
	padding-right: 2em;
	padding-top: 0.5em;
	color: #0099D5;
	text-decoration: none;
	line-height: 1;
	display: block;
	min-width: 100px;

}

#menu_column a, #menu_column_aspx a {
	color: #0099D5;
}

#menu_column a:hover, #menu_column_aspx a:hover {
	color: #a5cfe0;
	text-decoration: none;
}

/* Used to divide menu into sub-menus */
#menu_column .sub_menu a {
	font-size: 0.9em;
	color: #7f785b;
}

#menu_column .sub_menu a:hover {
	color: #bcb8a9;
	text-decoration: none;
}

/* Lowest level of sub menu */
#menu_column .sub_menu2 a {
	font-size: 0.8em;
	color: #92D050;
}

#menu_column .sub_menu2 a:hover {
	color: #c0d2ad;
	text-decoration: none;
}


/* A content column that spans 25% of the page */
.content_column_span1, .content_column_span1_aspx {
	background-color: #FFFFFF;
	width: 226px;
	float: left;
	display: block;
	padding: 10px;
	margin: 5px;
}

/* A content column that spans two columns, 50% of the page. */

.content_column_span2, .content_column_span2_aspx {
	background-color: #FFFFFF;
	width: 482px;
	float: left;
	display: block;
	padding: 10px;
	margin: 5px;
}

/* A content column that spans two columns, 75% of the page. */

.content_column_span3, .content_column_span3_aspx {
	background-color: #FFFFFF;
	width: 738px;
	float: left;
	display: block;
	padding: 10px;
	margin: 5px;
}

.content_column_span1_aspx, .content_column_span2_aspx, .content_column_span3_aspx {
	display: block;
}

/* Main paragraph text */
.content_column_span1 p, .content_column_span2 p, .content_column_span3 p, .content_column_span1_aspx p, .content_column_span2_aspx p, .content_column_span3_aspx p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	padding-bottom: 1em;
	
}

/* Just make sure this starts on its own row */
.new_paragraph {
	clear: left;
}

.empty_row {
 clear: left;
 padding-down: 1em;
}

/* Text below pictures */
.picture_caption {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #4D4C4D;
	
	margin: 0;
	padding-top: 0.5em;
	clear: left;

}

/*Text style used for quotes */
.quote {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #7F785B;
	
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	clear: left;
}

/*Text style used after a quote*/
.reference {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #92D050;;
	clear: left;
	text-align: right;
	margin: 0;
	padding-bottom: 1em;

}

.samsari_ul {
 margin: 0;
}

/* special font and color for the word "change" */
.change_word {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	color: #92D050;
	display: inline;
}

/* special font and color for the change definition */
.change_definition {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	color: #7F785B;
	display: inline;
}

/* special font and color for the value and vision words */
.value_word {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	line-height: 1em;
	color: #92D050;
	display: inline;
}

/* Text in right column to align with middle column text. */
.right_col {
	padding-top: 0.8em;
}

/* Shown on each employee's personal page */
.personal_picture {
	padding: 0;
	float: left;
	display: table-cell;
}

/* The photo of the employee */
.employee_photo {
	float: left;
	padding-right: 30px;
	padding-bottom: 10px;
	display: block;
}

/* The text of the employee */
.employee_text {
	float: left;
	display: table-cell;
	width: 360px;
}

.employee_page {
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 0;
	margin: 0;
	display: table;
}

.employee_page p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4D4C4D;
	text-transform: none;
	text-decoration: none;
	padding-bottom: 1em;
}

/* Employee name text */
.employee_name {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #4D4C4D;
	text-decoration: none;
	/*line-height: 1;*/
	text-align: left;
	/*display: block;*/
	margin: 0;
	padding: 0;
	clear: right;
}

/* Employee title text */
.employee_title {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4D4C4D;
	text-decoration: none;
	text-align: left;
	/*display: block;*/
	margin: 0;
	padding: 0, 0, 0.5em, 0;
	clear: right;
}

.ceo_picture {
	float: left;
	width: 245px;
	clear: right;
	padding-top: 1em;
	padding-bottom: 2em;
}


/* Pictures on the SamSari employees */
.employee_img {
	margin: 1px;
	padding: 0;
	float: left;
	border: none;

	
}


/* Picture with no border, margin or padding */
.tight_img{
	margin: 0;
	padding: 0;
	border: none;
}

/* Picture with 1px space */
.loose_img{
	/*margin: 1px;*/
	padding: 1px;
	margin: 0;
	float: left;
	border: none;
}

/* Picture with img downwards */
.img_arrow {
	margin: 0;
	padding: 0;
	border: none;
	padding-left: 18px;
	background-image: url(../pics/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}


/* Displayed above the footer. */
.blue_line {
	height: 3px;
	width: 100%;
	background-color: #0099D5;
	clear: both;
}

/* Displayed at the bottom part of the page */
#footer {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color: #4D4C4D;
	text-decoration: none;
	
	background-image: url(../pics/footer_graphics.gif);
	background-repeat: no-repeat;
	background-position: right;

	padding-left: 10%;
	padding-top: 1em;
	padding-bottom: 1em;
	display: block;
	position: static;
	float:left;
	margin: 0;
	width: 1024px;
	clear: both;	
}


/* Footer column (holds contact information in neat columns) */
.footer_col, .footer_col_sitemap {
	display: block;
	float: left;
	padding-right: 2em;
	position: static;
}

.footer_col a, .footer_col_sitemap a {
	color: #FFFFFF;
}

.footer_col p, .footer_col_sitemap p {
	color: #FFFFFF;
}

.footer_col a:hover, .footer_col_sitemap a:hover {
	color: #b3b3b3;
	text-decoration: none;
}

.footer_col_sitemap {
	float:right;
}

.clients_column {
	display: block;
	float: left;
	clear: none;
	margin-right: 3em;
}

.clients_column ul {
	margin-left: 1em;
	margin-bottom: 0;
	list-style-type: disc;
}
.clients_column ul li {
	padding-bottom: 0.5em;
	
}

.flag_img {
	margin-top: 0.2em;
}

#share {
	display: block;
	clear: both;
	margin-top: 1em;
	padding: 1em 0.5em 0 0;
	border-top: solid 1px #4d4c4d;
	text-align: left;
}





/*
||||||||||												||||||||||
||||||||||||||||||| 	FILIP'S STUFF 	||||||||||||||||||||||
||||||||||												||||||||||
*/



form {
	margin: 0;
	padding: 0;
}
label, .Label {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #4D4C4D;
	margin-right: 0.5em;
}

a img {
	display: block;
	float:left;
	clear: none;
	border: none;
	margin: 0px 6px 0 0;
}

/* ||||||||||| */
/* START PAGE */
/* ||||||||||| */

#dynamicContent {
	max-width: 1024px;
	margin: 0;
	padding: 0;
}

.startpage_box {
	display: block;
	float: left;
	clear: none;
	border: none;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	width: 330px;
	height: 230px;
}

.startpage_box .content {
	display: block;
	float: left;
	clear: both;
	padding: 0;
	width: 312px;
	height: 190px;
	margin: 0.5em 0.5em 0 0.5em;
	overflow: hidden;
}
.startpage_box .content h1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0099D5;
	
	text-decoration: none;
	margin:0;
	padding: 0 0 0.5em 0;
	display: block;
}
.startpage_box .content p {
	font-size: 1.05em;
	color: #000000;
	padding: 0.5em 0 0 0;
}
.startpage_box .content .introductiontext {
	font-size: 0.9em;
}
.startpage_box .content #blogfeed {
	color: #4D4C4D;
	font-size: 0.85em;
	font-weight: normal;
}

.startpage_box a.linktext {
	display: inline-block;
	margin: 0.35em 0.5em 0 0.5em;
	color: #0099D5;
	font-size: 1.05em;
	padding-left: 18px;
	background-image: url(../pics/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.startpage_box .content #blogfeed  a.linktext {
	margin: 0em 0.25em 0.5em 0.25em;
	color: #000000;
	font-size: 1.0em;
	display: block;
	clear: both;
	background-image: none;
	padding-left: 0px;
}

.startpage_box a.imglink {
	display: block;
	margin: 0px;
}


/* Forms for "work with us" and the change book */

.inputBlockContainer {
	width: 210px;
	display: block;
	float: left;
	clear: none;
	margin-right: 1em;
}

.inputBlock {
	margin-top: 0.5em;
}

input, select, textarea, .fileupload, .textbox, .textbox_number {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style: normal;
	font-weight: normal;
}

input, .textbox {
	width: 200px;
}

.textbox_number {
	width: 40px;
}

textarea, select, .fileupload, .evaluationtextbox, .textboxrows, .dropdown {
	width: 240px;
}

.textboxrows {
	height: 80px;
}

.inputButton {
	/*background-image:url(../pics/button_bg.gif);
	background-repeat:no-repeat;*/
	width: 100px;
	height: 24px;
	margin-bottom: 1em;
}

/********* ADMIN ***********/

a:hover {
	text-decoration: none;
	color: #a5cfe0;
}
#editarea table tr td{
	border-bottom: solid 1px #CCCCCC;
	padding: 2px 0px;
}
#editarea table .alt1 {
	background-color: #FFFFFF;
}
#editarea table .alt2 {
	background-color: #F7F7F7;
}
select {
	width: 204px;
}
#boxarea {
	width: 640px;
	display: block;
	clear: both;
}
.box_edit_table tr {
	border: none;
}
.input_content {
	height: 80px;
	width: 200px;
}
#editarea_boxes {
	float: left;
	display: block;
	clear: both;
	margin-top: 20px;
}
#editarea_boxes table tr td, #addarea table tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}

.admin_startpage_box, .admin_startpage_box_selected {
	display: block;
	float: left;
	clear: none;
	
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	margin: 5px;
	padding: 0;
	width: 165px;
	height: 115px;
	text-align: center;
	color: #000000;
}
.admin_startpage_box_selected {
	border: solid 1px #000000;
	font-weight: bold;
}

/* ADDITION - LIGHTBOX */

.grey_overlay{
	  display: none;
	  position: fixed;
	  top: 0%;
	  left: 0%;
	  width: 100%;
	  height: 100%;
	  background-color: #4d4c4d;
	  z-index:1001;
	  -moz-opacity: 0.6;
	  opacity:.60;
	  filter: alpha(opacity=60);
}
.white_content, .white_content_changebook, .white_content_subscribe {
	  display: none;
	  position: absolute;
	  top: 15%;
	  left: 212px;
	  /*margin-top: 100px;
	  margin-left: 256px;*/
	  width: 800px;
	  height: 520px;
	  /*min-width: 800px;
	  min-height: 600px;
	  width: auto;
	  height: auto;*/
	  text-align: center;
	  padding: 5px;
	  border: 1px solid #000000;
	  background-color: white;
	  z-index:1002;
	  overflow: hide;
}

.white_content_changebook {
	top: 5%;
	left: 212px;
	width: 780px;
	height: 640px;
	padding: 0;
	padding-left: 12px;
}
.white_content_subscribe {
	top: 25%;
	left: 35%;
	width: 380px;
	height: 400px;
	padding: 0;
}
.lightbox_close {
	position: absolute;
	top: 5px;
	right: 1px;
	padding: 0;
	margin: 0;
	z-index: 10000;
}

/*
The intro text shown before an evaluation
*/
#evaluation-intro {
	display: table;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #DEDEDE;
}
#evaluation-intro img {
	
}
#evaluation-intro p {
	width: 600px;
	margin: 0.5em 0 0 0.5em;
}