/* Main body - wrapper - Header picture - login */
body 				{background-color:#485661; background-image:url(stripe.jpg); background-repeat: repeat-x; text-align: center; margin: 15px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #eeeeee;}
#wrapper 			{width: 968px; margin: 0 auto; text-align: left;}
#headerpic 			{width: 802px; background: url(content_top_image_01.jpg) no-repeat; height: 170px; border: #6f8596 solid 1px;}
#slogan				{font-size: 130%; float:right; margin-right:20px; margin-top:113px; color:#DDDDDD; font-family: Arial, Helvetica, sans-serif;}
#login 				{width: 728px; height: 18px; margin: 0px 0px 0px 76px; padding-top: 25px; ; float: right; font-size: 75%;}

/* General tag-styles */
b 					{font-weight: bold;}
strong				{font-weight: bold; color: #EEEEEE;}
a 					{color: #eeeeee; text-decoration: none;}
a:hover				{color: #3b464f; text-decoration: none;}
sup					{color: #6f8596; padding-right: 15px;}

/* Navigation */
.navbar 			{width: 804px; float: right; }
#menu 				{float: left; list-style: none; margin:0px; padding-left:81px; padding-bottom:15px;text-transform: uppercase; font-weight: normal;}
#menu ul 			{text-transform:uppercase; list-style:none; }
#menu li 			{display: inline;}
#menu a 			{display: block; float: left; margin:5px 3px 0px 3px; padding: 4px 7px 4px 7px; color: #EEEEEE; border: #6f8596 1px solid; font-size: 80%; text-decoration:none;}
#menu a:hover 		{background: #485661; color: #EEEEEE; border: #dddddd 1px solid; }


/* Vcard Retailers - Contact details */
#contact_details 	{font-size: 80%; text-align:right; float:right; width:350px; padding-top: 9px; }
.vcard				{border: 1px solid #6f8596; float:left; margin-top:5px;}

/* Titles - Content */
.titlebar 			{margin-top:5px; margin-left: 0px; font-size: 110%; color: #FFFFFF; float:left; border-top: #6f8596 1px solid; border-left: #6f8596 1px solid; 
					border-right: #6f8596 1px solid; width:787px; height:30px; padding-left:15px; padding-top:9px; }
.testbar            {width :700px;}		
.buttonbar	 		{text-align:right; margin-right: 5px; margin-top: -20px;}
.content_title		{margin-top: 0; font-size: 150%; color: #DDDDDD; font-weight: bold;}
.katso_intro		{margin-left:15px; }
.content 			{width: 804px; font-size:100%; border-left: #6f8596 solid 1px; border-right: #6f8596 solid 1px; border-bottom: #6f8596 1px solid; float:left; }
.content_search		{width: 804px; font-size:100%; border-left: #6f8596 solid 1px; border-right: #6f8596 solid 1px; float:left; }


/* Boxes - Dividers */
.dyna_search_top	{width: 600px; text-align:center; border-top: 4px solid #6f8596; border-left: 4px solid #6f8596; border-right: 4px solid #6f8596; }
.dyna_search_bottom	{width: 600px; border-bottom: 4px solid #6f8596; border-left: 4px solid #6f8596; border-right: 4px solid #6f8596; padding: 10px; height:125px; margin-bottom: 5px; }
.basic_search		{width: 600px; border: 4px solid #6f8596; padding: 10px; height:125px; margin-bottom: 5px; }
.box				{width: 780px; }
.box2				{width: 750px; }
.education			{border: #6f8596 1px solid;margin-bottom:20px; margin-right:20px;}
.boxborder			{width: 750px; }
.box_left			{width: 380px; float:left; margin-left:10px; margin-top: 5px; }
.box_right			{width: 380px; float:left; margin-left:10px; margin-top: 5px;}
.freebox			{border: #6f8596 1px solid; width: 380px;}
.more				{border: #6f8596 1px solid; width: 750px;}
.divider			{background: url(dot.gif) repeat-x;}
.vert_divider		{background: url(dot.gif) repeat-y;}

.browse		 		{height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #222222; background-color: #dddddd; border: #6f8596 1px solid; }
.avatarbrowse 		{height: 22px; width: 400px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #222222; background-color: #dddddd; border: #6f8596 1px solid; }

/* Pictures and images */
.avatar				{border: #6f8596 1px solid; height: 180px; width: 480px; text-align: left; margin-top:3px;}
.captcha 			{border: #6f8596 solid 1px;}
#captcha			{border: #6f8596 solid 1px; padding: 10px; margin-top:3px;}
.thumb_box			{width: 770px; border: #6f8596 1px solid; float:left; margin-left:10px; margin-top:10px;}
#image_container	{text-align: left; padding: 0 0 0 5px;}
#uploaded_image		{margin: 5px 0 0 0;}
#delete				{margin: 0; padding: 0;}
#iframe_sarin		{height: 120px;}
#iframe_gemadvisor	{height: 120px;}
#iframe_helium1		{height: 120px;}
#iframe_helium2		{height: 120px;}

/* Formstyles */
.error_text 		{color:#dddddd; background-color:#FF0000; padding: 1px 2px 1px 2px;}
.formtext			{font-size: 85%;}
.price_des			{font-size: 85%; color: #6f8596;}
.inputbox			{width: 210px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.inputshort			{width: 145px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.inputlong 			{width: 466px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#dropdown  			{height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; background-color: #FFFFFF;}

.button 			{height: 20px; text-transform: uppercase; font-size: 90%; color: #DDDDDD; background-color: #3b464f; border: #6f8596 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; cursor: pointer;}
.button:hover		{background-color: #485661; border: #DDDDDD 1px solid; }
#whitebutton 		{height: 22px; font-size: 100%; color: #dddddd; background-color: #677580; border: #3b464f 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; }
#smallwhitebutton 	{height: 18px; font-size: 100%; font-weight: bold; color: #333333; background-color: #FFFFFF; border: 0px; text-transform: lowercase; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Page Navigation */
#item_nr			{padding-right: 5px; text-align:right; height:30px; margin-top:7px; vertical-align: bottom;}
.navigator			{text-align:center; text-decoration:none; padding-bottom:10px; }
.totalpagesdisplay	{text-align:center; height:40px; padding-top:10px;}

.row1				{height:20px;}
.row2				{background: #3b464f; height:20px;}
.row_hover			{background: #66747F; height:20px;}

/* Left Column */
#col_01 			{float: left; width: 163px; }
#col_01.apic		{margin: 0 auto; text-decoration:none;}
#col_01 ul 			{text-align:center; text-transform:uppercase; list-style:none;}
#col_01 li a 		{display: block; border: #6f8596 1px solid; text-decoration: none; font-size: 80%; color: #dddddd; width:86px; margin:5px; padding: 4px 7px 4px 7px; }
#col_01 li a:hover 	{text-decoration: none; background: #485661; color: #dddddd; border: #dddddd 1px solid;}

/* Right Column */
#col_02 			{float: right; width: 804px;}
#col_02 textarea	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; text-align:left;}

#col_02 th				{height:28px; font-size: 80%; text-transform: uppercase;}
#col_02 .thumb			{float: left; margin: 5px; border: 1px solid #6f8596;}
#col_02 .thumb_news		{float: left; margin: 3px 10px 5px 0px; border: 1px solid #6f8596;}

#col_02	.container		{}

#col_02 .a_th:link		{display: block; color: #EEEEEE; border: #6f8596 1px solid; font-size: 90%; text-decoration:none; margin:10px 3px 10px 3px; padding: 4px 2px 4px 2px;}
#col_02 .a_th:active	{color: #DDDDDD; text-decoration:none;}
#col_02 .a_th:visited	{display: block; color: #EEEEEE; border: #6f8596 1px solid; font-size: 90%; text-decoration:none; margin:10px 3px 10px 3px; padding: 4px 2px 4px 2px;}
#col_02 .a_th:hover		{background: #485661; color: #EEEEEE; border: #dddddd 1px solid; text-decoration:none;}

#col_02 .abold:link		{color: #DDDDDD; text-decoration:underline; font-weight:bold;}
#col_02 .abold:active	{color: #DDDDDD; text-decoration:underline; font-weight:bold;}
#col_02 .abold:visited	{color: #DDDDDD; text-decoration:underline; font-weight:bold;}
#col_02 .abold:hover	{color: #DDDDDD; text-decoration:none; font-weight:bold;}
#col_02 .inactive		{color: #6f8596; font-weight: bold;}

#col_02 .a_nws:link		{margin-top: 0; font-size: 150%; color: #DDDDDD; font-weight: bold;text-decoration:none;}
#col_02 .a_nws:active	{margin-top: 0; font-size: 150%; color: #DDDDDD; font-weight: bold;text-decoration:none;}
#col_02 .a_nws:visited	{margin-top: 0; font-size: 150%; color: #DDDDDD; font-weight: bold;text-decoration:none;}
#col_02 .a_nws:hover	{margin-top: 0; font-size: 150%; color: #6f8596; font-weight: bold;text-decoration:none;}

#col_02 a 				{color: #DDDDDD; text-decoration: underline;}
#col_02 a:hover 		{text-decoration: underline; color: #6f8596;}

#col_02 .stonebutton,
#col_02 .stonebutton:link 	{width:142px; height: 21px; display:block; float: left; padding-top: 5px; margin-left: 5px; padding-left: 10px; text-decoration: none; color: #fff; text-align: left;}
#col_02 .stonebutton:hover 	{text-decoration: none; color: #6f8596;}

/* Footer */
#footer 				{clear: both; width: 802px; margin: 0px 0px 30px 0px; padding-top: 3px; float:right; font-size: 80%; height: 20px;}
#footer a 				{color: #222222;}
#footer a:hover			{color: #eeeeee;}
#footer p 				{margin: 0 auto; text-align: center; color: #222222;}

/* Calendar style */
#calendarDiv {position:absolute;width:205px;border:1px solid #317082;padding:1px;background-color:#FFF;font-family:arial;font-size:10px;padding-bottom:20px;visibility:hidden;}
#calendarDiv span,#calendarDiv img {float:left;}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver {line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver {line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv td {padding:3px;margin:0px;font-size:10px;}
#calendarDiv .selectBox {border:1px solid #E2EBED;color: #E2EBED;position:relative;}
#calendarDiv .selectBoxOver {border:1px solid #FFF;background-color: #317082;color: #FFF;position:relative;}
#calendarDiv .selectBoxTime {border:1px solid #317082;color: #317082;position:relative;}
#calendarDiv .selectBoxTimeOver {border:1px solid #216072;color: #216072;position:relative;}
#calendarDiv .topBar {height:16px;padding:2px;background-color: #317082;}
#calendarDiv .activeDay{/* Active day in the calendar */color:#FF0000;}
#calendarDiv .todaysDate {height:17px;line-height:17px;padding:2px;background-color: #E2EBED;text-align:center;position:absolute;bottom:0px;width:201px;}
#calendarDiv .todaysDate div {float:left;}
#calendarDiv .timeBar {height:17px;line-height:17px;background-color:#E2EBED;width:72px;color:#FFF;position:absolute;right:0px;}
#calendarDiv .timeBar div {float:left;margin-right:1px;}
#calendarDiv .monthYearPicker {background-color: #E2EBED;border:1px solid #AAAAAA;position:absolute;color: #317082;left:0px;top:15px;z-index:1000;display:none;}
#calendarDiv #monthSelect {width:70px;}
#calendarDiv .monthYearPicker div {float:none;clear:both;padding:1px;margin:1px;cursor:pointer;}
#calendarDiv .monthYearActive {background-color:#317082;color: #E2EBED;}
#calendarDiv td {text-align:right;cursor:pointer;}
#calendarDiv .topBar img {cursor:pointer;}
#calendarDiv .topBar div {float:left;margin-right:1px;}