/*	Asylum Style	@author: Nijiko Yonskai <me@nijikokun.com>	@date: 15/02/2010*//* Base */* { outline: none; }body { background: #111 url('images/bg.png') repeat-x; font: 11px normal Arial, Helvetica; }a,a:visited { color: #8B0304; text-decoration: none; }a:hover { color: #FF0000; text-decoration: none; }/* Corners */.rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }.rounded-bottom { border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;-webkit-border-bottom-left-radius: 3px; }.rounded-top { border-top-left-radius: 3px;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px; border-top-right-radius: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px; }.rounded-top-left { border-top-left-radius: 3px;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px; }.rounded-right { border-top-right-radius: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px; }.right { float: right; }/* Header */#header { clear: both; width: 800px; margin: 0 auto; background: url('images/header.png') no-repeat; color: #fff; height: 90px; padding: 0px 20px; }	#header .logo { height: 100px; width: 300px; background: url('images/logo.png') no-repeat 5px 20px; text-indent: -9999px; }	#header .triangle-l { border-color: transparent #7d0204 transparent transparent; border-style: solid; border-width: 20px; height:0px; width:0px; position: relative; left: -40px; top: 70px; z-index: -1; float: left; }	#header .triangle-r { border-color: transparent transparent transparent #7d0204; border-style: solid; border-width: 20px; height:0px; width:0px; position: relative; left: 40px; top: 70px; z-index: -1; float: right; }/* Menu */#menucontainer { width: 800px; background: #000; margin: 0 auto; }#menu { padding: 0px; margin: 0; list-style: none; }#tinymenu { background: #000; padding: 0px; margin: 0; list-style: none; }	#menu li { list-style: none; margin: 0px; padding: 0px; float: left; line-height: 16px; }	#tinymenu li { list-style: none; margin: 0px; padding: 0px; float: left; line-height: 16px; }		#menu li .icons { width: 16px; height: 16px; float: right; }		#tinymenu li .icons { width: 16px; height: 16px; float: right; }			#menu li .icons.arrow { background: url('images/white_arrow_down.gif') no-repeat; }			#tinymenu li .icons.arrow { background: url('images/white_arrow_down.gif') no-repeat; }		#menu li a { display: block; padding: 10px 15px; }		#tinymenu li a { display: block; padding: 10px 15px; }		#menu .icon a { padding: 10px 10px 10px 20px; }		#tinymenu .icon a { padding: 10px 10px 10px 20px; }		#menu li a { background: #000; color: #FFF; font-weight: bold; }		#tinymenu li a { background: #000; color: #FFF; font-weight: bold; }			#menu li a.current { background: #8B0304; color: #fff; }			#tinymenu li a.current { background: #8B0304; color: #fff; }			#menu li a:hover { background: #8B0304; color: #fff; }			#tinymenu li a:hover { background: #8B0304; color: #fff; }						#menu span a { display: block; padding: 10px 15px; background: #000; color: #FFF; font-weight: bold; float: left; }            /* Dropdown */.ddanchor { background: yellow; }.dd { position: absolute; left: 0; top: 0; visibility: hidden; border: 1px solid black; border-bottom-width: 0; font: normal 12px Verdana; line-height: 18px; z-index: 100; background: lightyellow; width: 200px; }	.dd ul { margin: 0; padding: 0; list-style-type: none; }		.dd ul li a { width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; font-weight: bold; text-indent: 5px; }	.dd a:hover { background: black; color: white; }    /* Dropdown Columns */.ddc { position: absolute; left: 0; top: 0; visibility: hidden; z-index: 100; background: #9A0C0A; }	.ddc .column { width: 130px; float: left; }		.ddc .column b { padding: 6px 0px 6px 8px; display: block; color: #FFF; }		.ddc .column ul { margin: 0; padding: 0; padding: 8px 5px 5px 5px; list-style-type: none; }			.ddc li { margin-bottom: 2px; }				.ddc li a { display: block; color: #fff; padding: 3px 5px; }					.ddc li a:hover { color: #fff; background: #000; }                    .dds { display: none; }			/* Container */#container { clear: both; width: 800px; margin: 0px auto; background: #FFF; border-top: 6px solid #eeeeee; padding-bottom: 10px; }	#container .content { width: 593px; padding: 0px 10px 10px; }    #container .full { padding: 0px 10px; margin: 20px 0px 0px; }        #container .full .left,         #container .full .right { width: 390px; float: left; }		#container .content .ad { padding: 10px; background: #EFEFEF; }		#container .content .center { text-align: center; align: center; }		#container .icons-large { width: 32px; height: 32px; float: left; margin-right: 5px; }			#container .icons-large.firewall { background: url('images/firewall.png') no-repeat; }			#container .icons-large.contact { background: url('images/contact.png') no-repeat; }			#container .icons-large.database { background: url('images/database.png') no-repeat; }			#container .icons-large.storage { background: url('images/storage.png') no-repeat; }			#container .icons-large.servers { background: url('images/server_database.png') no-repeat; }			#container .icons-large.support { background: url('images/support.png') no-repeat; }			#container .icons-large.media { background: url('images/drive-media.png') no-repeat; }			#container .icons-large.security { width: 48px; height: 48px; background: url('http://www.asylum.ws/data/uploads/icon-3.png') no-repeat; }			#container .icons-large.box { background: url('images/box.png') no-repeat; }			#container .icons-large.news { background: url('http://asylum.ws/data/uploads/1269457140_newspaper.png') no-repeat; }			#container .icons-large.choose { background: url('http://asylum.ws/data/uploads/1269996291_view-choose.png') no-repeat; }                    #container .box { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #eee; color: #888; text-shadow: 1px 1px #fff; padding: 0px 10px 10px; }            		#container .icons { width: 16px; height: 16px; float: left; margin-right: 5px; }			#container .icons.checkbox { background: url('images/check-box.png') no-repeat; }			#container .icons.star { background: url('images/star.png') no-repeat; }            		#container .content table { border-collapse: collapse; margin-top: -5px; }			#container .content table td { padding: 3px; border: 1px solid #efefef; border-top: 0px; }				#container .content table .odd { background-color: #f0f0f0; }				#container .content table .item { font-weight: bold; }				#container .content table #level { font-weight: bold; }							#container .content table tr:hover td { background-color: #FFFFBD; }			#container .content table #red { color: darkred; font-weight: 700; }								#container .content table .icon { width: 16px; height: 16px; display: inline-block; }					#container .content table .icon.check { background: url('images/check-box.png') no-repeat; }					#container .content table .icon.cross { background: url('images/cross.png') no-repeat; }								#container h1 { padding: 0px; margin: 0px; padding-top: 10px; margin-bottom: 5px; border-bottom: 1px solid #cccccc; font-size: 14px; }		#container h2 { padding: 0px; margin: 0px; padding-top: 10px; margin-bottom: 5px; border-bottom: 1px solid #cccccc; font-size: 12px; }			#container h1.icon { border-bottom: none; line-height: 32px; }					#container .inner { margin: 5px 38px; }				#container .content .contact { margin-top: 10px; }			#container .contact label { display: block; float: left; width: 50%; margin-bottom: 2px; }			#container .content .contact textarea { width: 98%; display: block; padding: 2px; margin-bottom: 2px; }			#container .content .contact input[type="text"], select { width: 48%; padding: 2px; margin-bottom: 2px; }					#container .content ul { padding: 0px; margin: 0px; list-style: none; }			#container .content ul li { padding: 2px; margin: 0px; border-bottom: 1px solid #efefef; }				#container .content ul li.icon { line-height: 16px; border-bottom: none; }				.red { color: darkred !important; font-weight: 700; }				#container .right { float: right; width: 200px; }			#container .right .icons { width: 16px; height: 16px; float: left; margin-right: 5px; }			#container .right .icons.checkbox { background: url('images/check-box.png') no-repeat; }			#container .right .icons.star { background: url('images/star.png') no-repeat; }					#container .right h1 { padding: 0px; margin: 0px; font-size: 12px; margin-top: 20px; }		#container .right h1.nm { padding: 0px; margin: 0px; font-size: 12px; }                #container .full .right h1 { padding: 0px; margin: 0px; padding-top: 10px; margin-bottom: 5px; font-size: 14px; }				#container .right ul { padding: 0px; margin: 0px; list-style: none; }			#container .right ul li { padding: 2px; margin: 0px; border-bottom: 1px solid #efefef; }				#container .right ul li.icon { line-height: 16px; border-bottom: none; }                /* # BUTTONS # */.btn {	display: inline-block;	background: none;	margin: 0;	padding: 3px 0;	border-width: 0;	overflow: visible;	font: 100%/1.2 Arial,Sans-serif;	text-decoration: none;	color: #333;}* html button.btn {	padding-bottom:1px;}/* # BUTTONS # HACK # */html:not([lang*=""]) button.btn {	margin:0 -3px;}.btn span {	background:#ddd url(http://asylum.ws/data/uploads/bg-button.gif) repeat-x 0 0;	margin:0;	padding:3px 0;	border-left:1px solid #bbb;	border-right:1px solid #aaa;}* html .btn span {	padding-top:0;}.btn span span {	position:relative;	padding:3px .5em;	border-width:0;	border-top:1px solid #bbb;	border-bottom:1px solid #aaa;}.btn:hover span, .btn:hover span span {	cursor: pointer;	border-color: #BDC7D8 !important;	color: #000;}.btn:active span {	background-position:0 -400px;	outline:none;}.btn:focus, .btn:active {	outline:none; /* doesn't seem to be respected for <button>, only <a> */}.primary {	font-weight: bold;}/* Footer */#footer { color: #717171; clear: both; width: 800px; margin: 0 auto; text-align: right; padding: 5px; }	#footer a { color: #fff; }		#footer a:hover { color: #8B0304; }
