/**
 * @author			4FreakMedia
 * @date			03-10-2007
 * @description		Stylesheet with the styles for 'SMSSnel'
 * @copyright		2007 by 4FreakMedia
 */

/* @group settings */
	
	/* all margins and padings to 0 */
	* { margin: 0; padding: 0; }
	
	/* font */
	html { font: normal 62.5%/1.5em Tahoma, Arial, sans-serif; }
	body { font-size: 1.1em; color: #000; background: #282828 url(../img/bg.png) repeat-x left top; }
	
	/* headings */
	h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1em;}
	
	/* regular paragraph */
	p { margin: 0 0 1em 0; text-align: left; }
	
	/* anchor */
	a { text-decoration: none; color: #000; outline: none; }
	a img { border: 0; }
	
	/* floats */
	.float_left { float: left; }
	.float_right { float: right; }
	
	/* hidden layer */
	.hide { display: none; }
	
	/* clearer */
	.clear { clear: both; }
	
/* @end */
/* @group container */
	
	/* container layer */
	#container { width: 880px; padding: 36px 120px 0 0; margin: 0 auto; }
	
/* @end */
/* @group header */
	
div.BUG{
	position:absolute;
	left:100%;
	top:0px;
	overflow:visible;
	height:163px;
	width:163px;
	background-image: url("http://www.smssnel.com/img/header/BUG.gif");
	background-repeat:no-repeat;
	background-position:-200px -200px;
	background-color:transparent;
	margin:0 0 0 -163px;
	padding:0;
	color:#000;
	font-family:helvetica,verdana,arial,tahoma,sans-serif;
	z-index:1000000000;
	border:none;
	float:none;
}

	/* header layer */
	#header { width: 763px; height: 160px; float: right; }
	
	/* send mail */
	#header .quicksend { float: left; height: 150px; width: 262px; background: #FFF url(../img/header/account_bg.png) no-repeat left top; padding: 10px 10px 0 10px; position: relative; }
	#header .quicksend .input { background: transparent url(../img/trans25.png) repeat left top; margin: 0 0 2px 0; padding: 3px; clear: both; _height: 1%; overflow: hidden; _overflow: visible; }
	#header .quicksend .input input, #header .quicksend .input textarea { float: left; padding: 2px; font-size: 0.9em; background: #FFFFC1 none; width: 120px; outline: none; border: 1px solid #D4AD83; }
	#header .quicksend #recipient, #header .quicksend #sender { width: 90px; }
	#header .quicksend textarea { height: 47px; }
	#header .quicksend .input label { padding: 0 5px 0 25px; line-height: 18px; width: 100px; color: #FFF; font-weight: bold; float: left; }
	#header .quicksend label small { display: block; font-weight: normal; }
	#header .quicksend label.recipient { background: transparent url(../img/icons/phone_blue.gif) no-repeat left top; }
	#header .quicksend label.sender { background: transparent url(../img/icons/phone_green.gif) no-repeat left top; }
	#header .quicksend label.message { background: transparent url(../img/icons/mail_orange.gif) no-repeat left top; }
	#header .quicksend .bottombar { position: absolute; bottom: 0; left: 0; height: 27px; width: 272px; padding: 3px 0 0 10px; color: #FFF; }
	#header .quicksend .bottombar label { font-weight: bold; }
	#header .quicksend .bottombar .add { width: 134px; float: left; line-height: 20px; }
	#header .quicksend .bottombar #quicksendsubmit { height: 21px; width: 100px; background: #FF8017 none; outline: none; border: 1px solid #D75E22; font-size: 0.8em; }
	
	/* header right */
	#header #headerright { float: left; width: 481px; height: 160px; }
	
	/* top menu */
	#header .topmenu { height: 50px; width: 481px; background: transparent url(../img/header/topmenu_bg.png) no-repeat left top; }
	#header .topmenu ul { float: right; padding: 30px 100px 0 0; }
	#header .topmenu li { float: left; list-style: none; padding: 0 5px; border-right: 2px solid #FF921F; }
	#header .topmenu li.last { border-right: none; }
	#header .topmenu li a { color: #BFBFBF; text-transform: uppercase; font-weight: bold; font-size: 0.9em; }
	
	/* logo */
	#header .logo { height: 80px; width: 481px; background: #FFF none; }
	#header .logo h1 { text-indent: -90000px; height: 80px; width: 325px; background: #FFF url(../img/header/bg.png) no-repeat left top; float: right; }
	
	/* bottom menu */
	#header .bottommenu { height: 30px; width: 481px; background: #FFF none; }
	#header .bottommenu ul { padding: 0 0 0 25px; }
	#header .bottommenu li { display: inline; list-style: none; }
	#header .bottommenu a { display: block; height: 30px; width: 85px; margin: 0 10px 0 0; padding: 0 0 0 35px; line-height: 30px; float: left; }
	#header .bottommenu a.home { background: #FFF url(../img/icons/home.gif) no-repeat 10px center; }
	#header .bottommenu a.favorite { background: #FFF url(../img/icons/favorite.gif) no-repeat 10px center; }
	#header .bottommenu a.question { background: #FFF url(../img/icons/question.gif) no-repeat 10px center; }
	
/* @end */
/* @group navigation */
	
	/* navigation layers */
	#navigation { width: 763px; height: 45px; float: right; background: #FFF none; list-style: none; }
	#navigation li { float: left; background: #FFF url(../img/header/bgewww.png) no-repeat left top; width: 127px; margin: 0 0 0 1px; }
	#navigation li.small { background: #FFF url(../img/header/navigation/bg_small.png) no-repeat left top; width: 121px; }
	#navigation a { display: block; height: 36px; width: 87px; padding: 9px 0 0 40px; font-weight: bold; text-decoration: underline; }
	
	/* link icons */
	#navigation a.messages { background: transparent url(../img/icons/mail_orange.gif) no-repeat 13px 8px; }
	#navigation a.services { background: transparent url(../img/icons/mail_black.gif) no-repeat 13px 8px; }
	#navigation a.fun { background: transparent url(../img/icons/phone_blue.gif) no-repeat 13px 8px; }
	#navigation a.question { background: transparent url(../img/icons/question.gif) no-repeat 13px 8px; }
	#navigation a.partners { background: transparent url(../img/icons/money.gif) no-repeat 13px 8px; }
	#navigation a.profile { background: transparent url(../img/icons/account.gif) no-repeat 13px 8px; width: 81px; }
	
/* @end */
/* @group content */
	
	/* content layer */
	#content { width: 880px; background: transparent url(../img/content/bg.png) repeat-y right top; overflow: hidden; clear: both; }
	
	/* menu left */
	#leftmenu { width: 186px; float: left; padding: 20px 20px 0 20px; background: transparent url(../img/trans25.png) repeat left top; border-left: 1px solid #777; overflow: hidden; }
	#leftmenu .menuboxouter { width: 182px; border: 1px solid #FFF; margin: 0 0 20px 0; }
	#leftmenu .menuboxinner { width: 170px; border: 1px solid #D1D1D1; background: #FFF url(../img/content/menu_bg.png) repeat-x left top; padding: 5px 5px 20px 5px; }
	#leftmenu .menuboxinner li.tekst { list-style: none; background: transparent url(../img/content/menu_listno.png) no-repeat 13px 50%; padding: 0 0 0 22px; }
	#leftmenu .menuboxinner li { list-style: none; background: transparent url(../img/content/menu_list.png) no-repeat 13px 50%; padding: 0 0 0 22px; }
	#leftmenu .menuboxinner li.active { font-weight: bold; text-decoration: underline; color: #FF8017; }
	
	/* header icons */
	#leftmenu .menuboxinner h3 { height: 30px; line-height: 30px; padding: 0 0 0 40px; font-weight: bold; text-decoration: underline; }
	#leftmenu .menuboxinner h3.mail { background: transparent url(../img/icons/mail_orange.gif) no-repeat 10px 6px; }
	
	/* contents */
	#contents { width: 653px; float: right; padding: 21px 0 0 0; }
	#contents .gradient { background: #FFF url(../img/content/bg_gradient.png) repeat-x left top; }
	
	/* clear all boxes */
	#contents .onerowbox, #contents .tworowsbox, #contents .tworows { clear: both; }
	
	/* one row box */
	#contents .onerowbox { width: 619px; border: 1px solid #D1D1D1; padding: 5px; margin: 0 0 20px 0; overflow: hidden; }
	
	/* two rows box */
	#contents .tworowsbox div.box { width: 293px; float: left; border: 1px solid #D1D1D1; padding: 5px; margin: 0 0 20px 0; overflow: hidden; }
	#contents .tworowsbox div.box.clear { margin: 0 21px 20px 0; }
	
	/* four rows box */
	#contents .fourrowsbox .row { margin: 0 20px 0 0; float: left; }
	#contents .fourrowsbox .lastrow { margin: 0; float: left; }
	#contents .fourrowsbox div.box { width: 130px; border: 1px solid #D1D1D1; padding: 5px; margin: 0 0 20px 0; overflow: hidden; }
	
	/* two rows list */
	#contents ul.tworows { margin: 0 0 13px 0; overflow: hidden; }
	#contents ul.tworows li { width: 310px; float: left; margin: 0 7px 7px 0; border: 1px solid #D1D1D1; list-style: none; position: relative; min-height: 30px; }
	
	/* four rows list */
	#contents ul.fourrows { margin: 0 0 13px 0; overflow: hidden; }
	#contents ul.fourrows li { width: 150px; float: left; margin: 0 7px 7px 0; border: 1px solid #D1D1D1; list-style: none; position: relative; min-height: 30px; }
	
	/* header icons */
	#contents h2 { height: 30px; line-height: 30px; padding: 0 0 0 40px; font-weight: bold; text-decoration: underline; }
	#contents h2.mail { background: transparent url(../img/icons/mail_orange.gif) no-repeat 10px 6px; }
	#contents h2.book { background: transparent url(../img/icons/book.gif) no-repeat 10px 6px; }
	
	/* send mail text */
	#contents .sendmail { float: right; font-weight: bold; line-height: 30px; padding: 0 10px 0 0; }
	
	/* categories */
	#contents p.category { float: left; width: 80px; font-weight: bold; margin: 0; }
	
	/* paragraph as list */
	#contents p.list { margin: 0; text-align: center; }
	#contents p.list.small { float: right; width: 539px; margin: 0; text-align: center; }
	#contents p.list span { padding: 0 5px 0 2px; border-right: 1px solid #000; }
	#contents p.list .active { font-weight: bold; text-decoration: underline; }
	#contents p.list span.last { border: none; }
	
	/* product information */
	#contents ul a.example { display: block; float: left; height: 29px; width: 29px; background: transparent url(../img/content/star_blue.png) no-repeat center center; text-indent: -90000px; position: absolute; left: 0; top: 50%; margin: -15px 0 0 0; }
	#contents ul.tworows .information { float: right; width: 270px; border-left: 1px solid #D1D1D1; padding: 0 5px; }
	#contents ul.fourrows .information { float: right; width: 110px; border-left: 1px solid #D1D1D1; padding: 5px 5px; text-align: center; }
	#contents ul .information p { margin: 0; }
	#contents ul .information p.artist { font-weight: bold; }
	
	/* list with orange dots */
	#contents ul.orangedots li { list-style: none; background: transparent url(../img/content/menu_list.png) no-repeat 13px 50%; padding: 0 0 0 22px; }
	
	/* innerbox styles */
	#contents .innerbox { width: 600px; margin: 10px; overflow: hidden; }

	/* innerbox left styles */
	#contents .innerbox .centerbox { width: 600 px; float: left; border-bottom: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1;}
	#contents .innerbox .centerbox .content { float: left; width: 100px; padding: 8px; background: #FFFFFF; border-top: 1px solid #D1D1D1; border-left: 1px solid #D1D1D1;}
	#contents .innerbox .centerbox .contenttop { font-weight: bold; float: left; width: 100px; padding: 8px; background: #EDEDED; border-top: 1px solid #D1D1D1; border-left: 1px solid #D1D1D1;}
	#contents .innerbox .centerbox .row { border-bottom: 0px solid #D1D1D1; overflow: hidden; height: 1%; }
	#contents .innerbox .centerbox .row.last { border-bottom: none; }
	#contents .innerbox .centerbox .text { padding: 8px; width: 220px; height: 150px;}
	#contents .innerbox .centerbox .texterror { padding: 8px; width: 230px; color: #FF0000; font-weight: Bold;}
	#contents .innerbox .centerbox .textthx { padding: 8px; width: 230px; color: #000000;}


	/* innerbox left styles */
	#contents .innerbox .leftbox { width: 291px; float: left; border: 1px solid #D1D1D1;}
	#contents .innerbox .leftbox h3 { font-weight: bold; float: left; width: 100px; padding: 8px; }
	#contents .innerbox .leftbox .content { float: left; width: 158px; padding: 8px; background: #EDEDED; border-left: 1px solid #D1D1D1; }
	#contents .innerbox .leftbox .row { border-bottom: 1px solid #D1D1D1; overflow: hidden; height: 1%; }
	#contents .innerbox .leftbox .row.last { border-bottom: none; }
	#contents .innerbox .leftbox .text { padding: 8px; width: 220px; height: 200px;}
	#contents .innerbox .leftbox .textprofile { padding: 8px; width: 220px; height: 111px;}
	#contents .innerbox .leftbox .textcredits { padding: 8px; width: 275px; height: 111px;}
	#contents .innerbox .leftbox .texterror { padding: 8px; width: 230px; color: #FF0000; font-weight: Bold;}
	#contents .innerbox .leftbox .textthx { padding: 8px; width: 230px; color: #000000;}


	#contents .innerbox .leftbox .textarea  { height: 100px; width: 160px; font-size: 0.9em;}
	#contents .innerbox .leftbox .input { font-size: 0.9em;}

	/* innerbox right styles */
	#contents .innerbox .rightbox { width: 291px; float: right; border: 1px solid #D1D1D1; }
	#contents .innerbox .rightbox h3 { font-weight: bold; float: left; width: 100px; padding: 8px; }
	#contents .innerbox .rightbox .content { float: left; width: 158px; padding: 8px; background: #EDEDED; border-left: 1px solid #D1D1D1; }
	#contents .innerbox .rightbox .row { border-bottom: 1px solid #D1D1D1; overflow: hidden; height: 1%; }
	#contents .innerbox .rightbox .row.last { border-bottom: none; }
	#contents .innerbox .rightbox .text { padding: 8px; width: 220px; height: 150px;}
	#contents .innerbox .rightbox .textprofile { padding: 8px; width: 275px; height: 111px; line-height: 2em;}
	#contents .innerbox .rightbox .textcredits { padding: 8px; width: 275px; height: 111px;}
	#contents .innerbox .rightbox .textlong { padding: 8px; width: 220px; height: 350px;}
	#contents .innerbox .rightbox .texterror { padding: 8px; width: 220px;}

	#contents .innerbox .rightbox .textarea  { height: 100px; width: 160px; font-size: 0.9em;}
	#contents .innerbox .rightbox .input { font-size: 0.9em;}

	/* innerbox left2 styles */
	#contents .innerbox .leftbox2 { width: 291px; float: left; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1;}
	#contents .innerbox .leftbox2 h3 { font-weight: bold; float: left; width: 100px; padding: 8px; }
	#contents .innerbox .leftbox2 .content { float: left; width: 158px; padding: 8px; background: #EDEDED; border-left: 1px solid #D1D1D1; }
	#contents .innerbox .leftbox2 .row { border-bottom: 1px solid #D1D1D1; overflow: hidden; height: 1%; }
	#contents .innerbox .leftbox2 .row.last { border-bottom: none; }
	#contents .innerbox .leftbox2 .text { padding: 8px; width: 220px; height: 150px;}
	#contents .innerbox .leftbox2 .texterror { padding: 8px; width: 220px;}

	#contents .innerbox .leftbox2 .textarea  { height: 100px; width: 160px; font-size: 0.9em;}
	#contents .innerbox .leftbox2 .input { font-size: 0.9em;}

	/* innerbox right2 styles */
	#contents .innerbox .rightbox2 { width: 291px; float: right; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; }
	#contents .innerbox .rightbox2 h3 { font-weight: bold; float: left; width: 100px; padding: 8px; }
	#contents .innerbox .rightbox2 .content { float: left; width: 158px; padding: 8px; background: #EDEDED; border-left: 1px solid #D1D1D1; }
	#contents .innerbox .rightbox2 .row { border-bottom: 1px solid #D1D1D1; overflow: hidden; height: 1%; }
	#contents .innerbox .rightbox2 .row.last { border-bottom: none; }
	#contents .innerbox .rightbox2 .text { padding: 8px; width: 220px; height: 150px;}
	#contents .innerbox .rightbox2 .texterror { padding: 8px; width: 220px;}

	#contents .innerbox .rightbox2 .textarea  { height: 100px; width: 160px; font-size: 0.9em;}
	#contents .innerbox .rightbox2 .input { font-size: 0.9em;}

	
	/* page navigation */
	#contents .list.navigation a { text-decoration: underline; }
	
	/* advert */
	#contents .advert { text-align: center; }
	#contents .advert h2 { text-align: left; }
	
/* @end */
/* @group footer */
	
	/* footer layer */
	#footer { background: transparent url(../img/footer/bg.png) no-repeat left top; width: 723px; height: 66px; float: right; text-align: center; color: #FFF; padding: 20px 0 0 40px; }
	#footer li { list-style: none; float: left; border-right: 1px solid #FFF; padding: 0 5px; }
	#footer li.last { border: none; }
	#footer a { color: #FFF; text-decoration: underline; }
	
/* @end */
/* @group footerunder*/
	
	/* footer layer */
	#footerunder { width: 723px; height: 66px; float: right; text-align: center; color: #000000; padding: 20px 0 0 40px; }
	#footerunder li { list-style: none; float: left; border-right: 1px solid #FFF; padding: 0 5px; }
	#footerunder li.last { border: none; }
	#footerunder a { color: #FFF; text-decoration: underline; }
	
/* @end */