@charset "utf-8";

/*
	Copyright 2006 3Line
	@author:   $Author: borutk $
	@creator:  Marko Novak (marko.novak@3line.si)
	@version:  $Revision: 1878 $
	@date:     $Date: 2008-10-01 15:55:04 +0200 (sre, 01 okt 2008) $
	@header:   $Id: style.css 1878 2008-10-01 13:55:04Z borutk $
*/

/* ---- css reset -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
}
:focus {
	outline:0;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}

/* ---- common ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 918px;
    height: 390px;
    color: #222;
    background: #fff;
    z-index: 99999999999;
    text-align: center;
    padding: 230px 30px 0 30px;
    font-size: 40px;
}
#overlay.index {
    padding: 200px 30px 0 30px;
    height: 349px;
}
	#overlay #countdown {
        width: 315px;
        margin: 0 auto;
    }

body {
    font:11px Arial, Helvetica, sans-serif;
}
a:link,
a:visited,
#legal a {
	color:#68a4ca;
	text-decoration:none;
}
	a:link:hover,
	#legal a:hover,
	a:visited:hover {
		color:#2a5f81;
		text-decoration:underline;
	}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.image {
	border:3px solid #eeeeee;
	padding:1px;
	background-color:#ffffff;
}
	.image:hover {
		border:3px solid #e1e1e1;
	}
.video {
	border:3px solid #a8a9ad;
	padding:1px;
	background-color:#ffffff;
}
	.video:hover {
		border:3px solid #000000;
	}
.alt {
	background-color:#fafafa;
}
.error_box {
	float: left;
	display: none;
	width: 573px;
	color: #d8000c;
	border: 1px solid #d8000c;
	background: url(/images/smsbox/web/error.png) 7px center no-repeat;
	background-color: #ffbaba;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 5px 8px 50px !important;
	margin: 0 0 8px 0;
	text-align: left;
}
	.error_box a {
		color: #d8000c;
	}
		.error_box a:hover {
			color: #d8000c;
		}
	.error_box span {
		font-size: 11px;
		font-weight: normal;
	}
#error {
	display: block;
	width: 778px;
	position: relative;
}

/* ---- forms ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
		
label {
	float:left;
	width:100%;
	color:#8794a6;
}
textarea {
	font:11px Arial, Helvetica, sans-serif;
}
.text,
.submit {
	float:left;
	border:1px solid #68a4ca;
	background:url(/images/smsbox/web/bg_input.png) left top repeat-x;
	background-color:#ffffff;
	font-size:11px;
	padding:3px 7px 3px 7px;
	margin:1px 0 1px 0;
	width:125px;
	line-height:14px;
}
.text {
	width:201px;
}
.submit {
	background:url(/images/smsbox/web/bg_submit.png) left top repeat-x;
	color:#ffffff;
	padding:1px 0 1px 0;
	width:85px;
	text-align:center;
}
.select {
	float:left;
	width:217px;
	padding:2px 2px 2px 0;
	color:#333333;
	border:1px solid #68a4ca;
	font:11px Arial, Helvetica, sans-serif;
}

/* ---- layout ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper {
    width: 1150px;
    margin: 0 auto;
}
#center {
	float: left;
	width:980px;
	padding-bottom:30px;
}
#content_container {
	float:left;
	width:835px;
	padding: 10px 71px 10px 72px;
	border:1px solid #cfcfcf;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #707070;
	background-color:#eeeeee;
	position: relative;
}
#ad_160x600 {
	position: absolute;
	right: -170px;
	width: 160px;
	height: 600px;
	top: 0;
	display: inline;
}

/* ---- header ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header {
	float:left;
	width:980px;
	background:url(/images/smsbox/web/bg_header.png) no-repeat;
	background-position:210px 0;
}
	.header_container {
		float:left;
        width: 100%;
	}
		#header .logo {
			float:left;
		}
		#login,
		#lost_pass {
			float:right;
			width: 316px;
			margin: 0 0 10px 0;
			text-align:right;
			position: relative;
		}
		#lost_pass {
			margin-top: 5px;
			width: 285px;
		}
			#login div.username-container,
			#login div.password-container {
				float: left;
				width: 153px;
				height: 35px;
				margin: 4px 0 0 5px;
				text-align: left;
				color: #666666;
				display: inline;
			}
			#login div.btns-container {
				float: left;
				width: 200px;
				clear: both;
				padding: 5px 0 0 5px;
			}
			.link_lost_pass {
				float: left;
				margin: 3px 0 0 5px;
			}
			#login input {
				margin: 0;
			}
			.btn {
				color:#ffffff;
			}
			.fb_connect {
				float: right;
				margin-top: 5px;
			}
			#lost_pass label,
			#login label {
				text-align: left;
				color: #333;
			}
			#lost_pass label {
				margin-bottom: 6px;
			}
			#lost_pass .submit {
				margin-left: 5px;
			}
			#lost_pass a.lost-pass-cancel {
				float: left;
				margin: 4px 0 0 5px;
			}
		#main_menu {
			float:left;
			width:980px;
			background:url(/images/smsbox/web/bg_main_menu.png) top left repeat-x;
		}
			#main_menu li,
			#main_menu li.register {
				float:left;
				background:url(/images/smsbox/web/bg_menu_separator.png) top right no-repeat;
			}
			#main_menu li.register {
				float:right;
				background:url(/images/smsbox/web/bg_menu_separator.png) top left no-repeat;
			}
				#main_menu li a,
				#main_menu li a.register,
				#main_menu li a.marked {
					float:left;
					color:#ffffff;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					width:78px;
					height:22px;
					padding:8px 0 0 0;
					text-align:center;
					text-decoration:none;
				}
				#main_menu li a.marked {
					width:110px;
				}
				#main_menu li a.register {
					width:117px;
				}
					#main_menu li a:hover,
					#main_menu li a.register:hover,
					#main_menu .active,
					#main_menu li a.marked:hover {
						background:url(/images/smsbox/web/bg_main_menu_hover.png) top left repeat-x;
					}
				#main_menu li a.marked {
					background:url(/images/smsbox/web/bg_main_menu_marked.png) top left repeat-x
				}
	#user_menu {
		float:right;
		padding:6px 10px 6px 10px;
		background-color:#ffffff;
		text-align:center;
		border-bottom:1px solid #c9cccf;
		border-right:1px solid #dfe1e4;
		border-left:1px solid #dfe1e4;
	}
		#user_menu a {
			color:#333333;
		}
			#user_menu a:hover {
				text-decoration:underline;
			}
		#user_menu .new_messages {
			color: #e60000;
		}
					
/* ---- footer ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
#footer {
	float:left;
	width:938px;
	margin:0 10px 0 10px;
	padding:10px;
	background-color:#f7f7f7;
	border:1px solid #cfcfcf;
	border-bottom:1px solid #707070;
	display:inline;
}
	#footer .menu {
		float:right;
		padding:5px 0 0 100px;
		width:250px;
		text-align:right;
	}
	#legal {
		float:left !important;
		color:#6d6e71;
		margin-top:5px;
		text-align:left;
	}
	.lang_slo,
	.lang_hr,
	.lang_eng {
		float:right;
		width:16px;
		height:11px;
		text-align:left;
		text-indent:-9999px;
		margin:0 0 0 5px;
	}
	.lang_slo {
		background:url(/images/smsbox/web/si.png) no-repeat;
	}
	.lang_hr {
		background:url(/images/smsbox/web/hr.png) no-repeat;
	}
	.lang_eng {
		background:url(/images/smsbox/web/eng.png) no-repeat;
	}
	
/* ---- content ---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#content {
	float:left;
	width:100%;
	display:inline;
	text-align:left;
}