/* @override 
	http://localhost/picsengine3/site2/public/css/style.css
	http://localhost/dp/picsengine3/site/public/css/style.css
*/

/* @group global */

html, body {
	height: 100%;
}
body {
	background: #363636;
	font: 14px "Lucida Grande", Arial, Verdana, sans-serif;
}
body, h1, h2, h3, h4, h5, p, ul, li, img, form, dl, dd, dt {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
}
input, textarea {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;	
}

a, a:hover, a:active, a:visited, a:link {
	text-decoration: underline;
	color: #fff;
	outline: none;
	cursor: pointer;
}
a:active {
	color: #888888;;
}

p {
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #939393;
	line-height: 16px;
}

h1 {
	font: 24px "Trebuchet MS", Verdana;	
	color: #FFF;
	text-shadow: #000 0 1px 1px; 
}
h2 {
	font: 18px "Trebuchet MS", Verdana;	
	color: #FFF;
	text-shadow: #000 0 1px 1px; 
}
h3 {
	font: 14px "Trebuchet MS", Verdana;	
	color: #FFF;
	padding-top: 10px;
	text-shadow: #000 0 1px 1px; 
}


/* @end */

/* @group error 404 */
#error_404 {
	width: 400px;
	margin: 0 auto 0 auto;
	overflow: auto;
}
#error_404 #logo {
	position: relative;
	margin-left: 16px;
}
#error_404 #message {
	background: #000;
	margin-top: 9px;
	padding: 20px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#error_404 p {
	padding: 5px 0 0 0;
}
/* @end */

/* @group form */
.form {
	overflow: auto; 
}
.form label {
	color: #626262; 
	font-size: 12px;
	clear: left;
	float: left;
	width: 265px;
	text-align: right;
	padding: 10px;
}
.form .input {
	float: left; 
}
.form .info {
	clear: left;
	padding-left: 285px; 
	padding-bottom: 6px;
}
.form .info p {
	width: 310px; 
	font-size: 11px;
}
.form .form_row .input input,
.form .form_row textarea {
	 color: #626262; 
}
.form .form_row.focus label {
	color: #fff; 
}
.form .form_row.error label {
	color: #c44b43;
}
.form .form_row.focus .input input, 
.form .form_row.focus textarea {
	border-color: #fff;
	color: #fff;
}

/* @end */

/* @group input */
.input input {
	background: #1c1c1c url('../src/common/input/back.gif') repeat-x;
	border: 1px solid #2f2f2f;
	padding: 6px;
	color: #fff;
	font-size: 12px;
	width: 300px;
}
.input input:focus {
	outline: 0; 
}
/* @end */

/* @group textarea */
textarea {
	background: #1c1c1c url('../src/common/input/back.gif') repeat-x;
	border: 1px solid #2f2f2f;
	padding: 6px 4px 6px 4px;
	color: #fff;
	font-size: 12px;
}
textarea:focus {
	outline: 0;
}
/* @end */

/* @group buttons */

a.button, .button, .button span, .button:hover {
	display: block;
	height: 40px;
	text-decoration: none;
}
.button:hover { color: #FFF; }
.button, .button span {
	float: left;
	font-size: 14px;
	color: #FFF;
	text-shadow: #000 0 -1px 1px; 
	background: url('../src/common/button.png') no-repeat;
}
.button span {
	background-position: right -80px;
}
.button span span {
	margin: 0 20px;
	padding: 10px 0;
	height: 20px;
	background-position: left -40px;
	background-repeat: repeat-x;
}
.button span span span {
	margin: 0 -5px;
	background: transparent;
	padding: 0;
}
.button:active, .button.active { 
	background-position: 0 -120px;
	color: #9f9f9f;
}
.button:active span, .button.active span { 
	background-position: right -200px;
	color: #9f9f9f;
}
.button:active span span, .button.active span span { 
	background-position: 0 -160px;
}
.button.play span span span {
	background: url('../src/common/icons/play.png') no-repeat;
	background-position: 0 1px;
	padding-left: 17px;
}
.button.play:active span span span, .button.play.active span span span {
	background-position: 0 -37px;
}

/* @end */


/* @group select */
.select {
	width: 347px;
	height: 32px;
	background-image: url('../src/common/buy/select.png');
	margin: 0 auto;
	overflow: hidden;
}
.select.second {
	background-position: 0 -32px;
}
.select a {
	float: left;
	display: block;
	height: 15px;
	padding: 9px;
	font-size: 12px;
	text-decoration: none;
	text-shadow: #000 0 -1px 0; 
	width: 155px;
	text-align: center
}
/* @end */

/* @group structure */

#picsengine {
	width: 883px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding-bottom: 25px;
}

#head {
	width: 100%;
	background: url('../src/common/menu/back.gif') repeat-x 0 43px;
	height: 45px;
}
#head.backg {
	background: transparent;
}
#head.backg #head_in {
	background: url('../src/common/menu/backg.gif') repeat-x 0 92px;
}
#head_in {
	overflow: hidden;
}

#logo {
	position: absolute;
	background: url('../src/common/logo.png') no-repeat;
	margin-left: 12px;
	margin-top: 12px;
	display: block;
	width: 200px;
	height: 26px;
}
#logo:active {
	opacity: 0.5;
}

#back_button {
	position: absolute;
	margin-top: 17px;
	margin-left: 7px;
	display: block;
	background: url('../src/common/back_button.png') no-repeat;
	width: 18px;
	height: 18px;
	text-decoration: none;

}
#back_button:hover {
	background-position: right top;
}

#logo span, #back_button span {
	display: none;
}

#back_button span.tip {
	position: absolute;
	display: none;
	margin-left: -62px;
	margin-top: 16px;
	width: 136px;
	height: 44px;
	background: url('../src/common/tip.png') no-repeat;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding-top: 16px;
	text-shadow:0 -1px 0 rgba(0,0,0,.70);
}
#back_button:hover span.tip {
	display: block;
}

/* @group menu */

#menu {
	list-style: none;
	clear: right;
	float: right;
	margin-top: 11px;
	overflow: hidden;
}

#menu li {
	float: left;
}

#menu li a {
	float: left;
	display: block;
	height: 33px;
	text-decoration: none;
	font-size: 12px;
	text-shadow: #000 0 -1px 0; 
	font-weight: bold;
}

#menu li a:hover {
	text-decoration: underline;
}

#menu li a.current:hover, #menu li a.first_current:hover, #menu li a.last_current:hover {
	text-decoration: none;
}

#menu li a span {
	float: left;
	display: block;
	height: 33px;
}

#menu li a span span {
	padding: 11px 12px 0 15px;
	height: 22px;
}

/* @group normal */

/* @group first */

#menu li a.first span {
	background-position: 0 0;
}

#menu li a.first span span {
	background-position: top right;
	padding-left: 30px; /* 15 + 15 */
}

/* @end */

/* @group last */

#menu li a.last {

}

/* @end */



#menu li a {
	background: url('../src/common/menu/normal_center.gif') repeat-x;
}

#menu li a span {
	background: url('../src/common/menu/normal_left.gif') no-repeat -15px 0;
}

#menu li a.after_current span span, #menu li a span span {
	background: url('../src/common/menu/normal_right.gif') no-repeat top right;
}

#menu li a.after_current span {
	background-image: url('../src/common/menu/normal_after_current.gif');
	background-position: 0 0;
}

#menu li a.before_current span span {
	background-image: url('../src/common/menu/normal_before_current.gif');
}

/* @end */

/* @group current */

/* @group first */

#menu li a.first_current {
	background-image: url('../src/common/menu/current_center.gif');
}

#menu li a.first_current span {
	background-image: url('../src/common/menu/current_left.gif');
}

#menu li a.first_current span span {
	background-image: url('../src/common/menu/current_right.gif');
}

/* @end */

/* @group last */

#menu li a.last_current {
	margin-right: 0px;
	background-image: url('../src/common/menu/current_center.gif');
}

#menu li a.last_current span {
	background-image: url('../src/common/menu/current_left.gif');
}

#menu li a.last_current span span {
	background: transparent;
}

/* @end */

#menu li a.current {
	background-image: url('../src/common/menu/current_center.gif');
}

#menu li a.current span {
	background-image: url('../src/common/menu/current_left.gif');
}

#menu li a.current span span {
	background-image: url('../src/common/menu/current_right.gif');
}

/* @end */
/* @end */

/* @group languages */
#languages {
	background: url('../src/common/languages.gif') repeat-x;
	background-position: 0 -27px;
	float: right;
	height: 27px;
	font-size: 11px;
}
#languages div {
	background: url('../src/common/languages.gif') no-repeat;
	background-position: left top;
	height: 27px;
}
#languages div div {
	background-position: right -54px;
}
#languages ul {
	list-style: none;
	padding: 0 3px 0 3px;
	overflow: hidden;
}
#languages ul li {
	padding: 7px 5px 5px 5px;
	float: left;
	height: 15px;
}
#languages ul li a, #clientsection_link a {
	text-decoration: none;
}
#languages ul li a:hover, #clientsection_link a:hover {
	text-decoration: underline;
}
#languages ul li.current {
	background: url('../src/common/languages_arrow.gif') no-repeat center 23px;
}

#clientsection_link {
	float: right;
	font-size: 11px;
	padding: 7px 7px 0 0;
}
/* @end */

/* @group page */
#page {
	background: #232323 url('../src/common/back.gif') repeat-x;
}
#page_in {
	background: url('../src/common/bottom.gif') no-repeat left bottom;
	overflow: hidden;
	min-height: 200px;
}
/* @end */

/* @group footer */
#footer {
	background: transparent;
	clear: both;
	overflow: hidden;
}
#footer ul#footer_left {
	padding-left: 10px;
	float: left;
}
#footer ul {
	list-style: none; 
	float: right;
	font-size: 11px;
	padding-top: 10px;
}
#footer ul li {
	padding: 0 15px 0 5px;
	color: #8c8b8c;
	float: left;
}
#twitter, #facebook {
	background: url('../src/common/services.png') no-repeat;
	padding-left: 19px;
	height: 14px;
	display: block;
	float: left;
}
#twitter {
	background-position: 0 -23px;
}
/* @end */

/* @end */

/* @group homepage */
#homepage #top {
	overflow: hidden;
	width: 100%;
	height: 225px;
	background: url('../src/common/homepage/top.jpg') no-repeat;
}

#homepage #title {
	margin: 58px auto 0 auto;
	display: block;
	width: 100%px;
	height: 53px;
	background-position: top center;
	background-repeat: no-repeat;
}
#homepage #preview_button {
	margin: 18px auto 0;
	background-repeat: no-repeat;
	width: 217px;
	height: 61px;
	display: block;
}
#homepage #preview_button:active {
	background-position: 0 -61px;
}

#homepage #title span, #homepage #preview_button span {
	display: none;
}

/* @group features */

#features {
	background: #232323 url('../src/common/homepage/back_features.gif') repeat-x;
	overflow: hidden;
}

.bottom {
	background: url('../src/common/homepage/bottom.gif') no-repeat bottom left;
	overflow: hidden;
	padding-bottom: 6px;
}

.sidebar {
	position: relative;
	float: left;
	background: url('../src/common/homepage/sidebar_shadow.png') repeat-y top right;	
	width: 208px;
	z-index: 100;
}
.sidebar_in {
	background: #0d0d0d url('../src/common/homepage/back_sidebar.gif') repeat-x;
	float: left;
	width: 196px;
}
.sidebar ul {
	list-style: none;
	font: 12px "Lucida Grande";
	text-decoration: none;
	width: 207px;
	background: url('../src/common/homepage/sidebar_selected.png') no-repeat 0px 0px;
	float: left;
	margin: 10px 8px;
}
.sidebar ul li {
	width: 188px;
	overflow: hidden;
}
.sidebar ul li a {
	display: block;
	padding: 11px;
	text-decoration: none;
	text-shadow: #000 0 -1px 0;
	width: 165px;
	background: url('../src/common/homepage/sidebar_arrow.png') no-repeat 172px 13px;
	cursor: pointer;
}
.sidebar ul li .inter {
	width: 188px;
	background: url('../src/common/homepage/sidebar_inter.png') repeat-x 0 0;
	height: 2px;
	display: block;
	position: absolute;
	margin-top: -1px;
}
.sidebar ul li.selected a {
	font-weight: bold;
}

.content_with_sidebar {
	position: relative;
	float: left;
	width: 686px;
	z-index: 50;
	margin-left: -11px;
	overflow: hidden;
}
.content_with_sidebar .column {
	float: left;
	width: 298px;
	padding: 30px 0 0 30px;
}
.content_with_sidebar .column.tiny {
	width: 237px;
}
.content_with_sidebar .column.medium {
	width: 359px;
}
.content_with_sidebar .column p {
	padding-top: 8px;
	margin: 0;
	clear: both;
	overflow: hidden;
}

/* My Comment */
.clearl {
	clear: left;
}
.content_with_sidebar h2 {
	margin-top: 30px;
	float: left;
	clear: left;
}
.content_with_sidebar h2.no_margin {
	margin: 0;
}
.content_with_sidebar .a_content {
	overflow: hidden;
	min-height: 300px;
}
.content_with_sidebar .quicklook {
	float: right;
	margin-top: 35px;
}
.content_with_sidebar .quicklook.no_margin {
	margin-top: 5px;
}

a.quicklook {
	text-shadow: #000 0 1px 1px; 
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: url('../src/common/quicklook.png') no-repeat 0 3px;
	font-size: 11px;
	padding: 0 0 1px 20px;
}
a.quicklook:active {
	color: #888888;
	background-position: 0 -20px;
}

.rounded_rect {
	background: #191919;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.video_feature {
	clear: left;
	float: left;
	width: 608px;
	padding: 5px;
}
.video_feature.tiny {
	margin: 0;
	width: 298px;
}
.video_feature.medium {
	width: 350px;
	margin: 0;
}
.video_feature span.info {
	width: 100px;
	float: right;
	padding: 8px;
	text-align: right;
	color: #939393;
	font-size: 12px;
}
.video_feature .button {
	float: right;
	margin: 4px;
}
.video_feature .button span {
	float: left;
}
.play_video_feature_button {
	display: block;
	background: url('../src/fr/homepage/play_video_feature.png') no-repeat;
	height: 40px;
	width: 199px;
}
.play_video_feature_button:active {
	background-position: 0 -40px;
}

.keyboard, .content_with_sidebar p.keyboard {
	background: url('../src/common/homepage/keyboard.png') no-repeat;
	margin: 3px 0 0 0;
	padding-left: 26px;
	padding-top: 0px;
	line-height: 22px;
}
.keyboard span {
	padding-left: 35px;
}

/* @end */

/* @end */

/* @group windows */

/* @group sizes */
.window.normal, .window.normal .selection_content {
	width: 650px;
}
/* @end */
.window {
	background: #111111 url('../src/common/window/information_back.gif') repeat-x;
}
.window .information_title {
	padding: 15px;
}
.window .information_images {
	text-align: center;
	padding: 0 0 10px 0;
}
.window .selection {
	clear: both;
	height: 122px;
	background: url('../src/common/window/selection_back.gif') repeat-x;
}
.window .selection ul {
	background: url('../src/common/window/selection_current.gif') no-repeat 48px top;
	margin: 0 auto 0 auto;
	list-style: none;
	overflow: hidden;
	height: 122px;
}
.window .selection li {
	float: left;
	margin-right: 10px;
}
.window .selection li, .window .selection li a, .window .selection li span {
	width: 112px;
	height: 122px;
	display: block;	
}
.window .selection li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 3px 16px;
	text-decoration: none;
}
.window .selection li span {
	display: block;
	background: url('../src/common/window/selection_item.png') no-repeat 0 14px;
	font-size: 11px;
	text-align: center;
	padding-top: 102px;
	height: 20px;
}
.window .selection li.selected span {
	background-position: 0 -112px;
}

.window .selection_all_content {
	overflow: hidden;
}
.window .selection_content_sliding {
	width: 100000px;
	overflow: hidden;
}
.window .selection_content {
	float: left;
	
}
/* @group video player */
.video_player {
	overflow: hidden;
	padding: 0px;
}
.video_player #video {
}
/* @end */

/* @group videos */
.window.videos, .window.videos .selection_content {
	width: 660px;
}
.window.videos .video_player {
	padding: 20px;
}
.window.videos .video_player .video {
	display: block;
	margin: 0 auto 0 auto;
}
/* @end */

/* @end */

/* @group buy */

#buy {
	padding: 30px;
}
#buy h1 {
	font-size: 30px;
}
#buy .column {
	float: left;
	padding-top: 28px;
	width: 395px;
	margin-right: 30px;
}
#buy .column.second {
	margin-right: 0;
}
#buy #buy_box {
	background: #363636;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 18px 18px 15px;
	overflow: hidden;
}
#buy #buy_box p {
	clear: left;
	float: left;
	padding: 8px 0 0 0;
	margin: 0;
	width: 400px;
	font-size: 11px;
}
#buy #buy_box .button.buy {
	margin-left: 10px;
}
#buy #buy_box .button {
	margin-left: -2px;
	margin-top: 0px;
	margin-bottom: -4px;
}
#buy img {
	margin-top: 18px;
	margin-left: -14px;
}
#buy .column p {
	padding: 10px 0 45px 0;
}

/* @group buy form */
#buy_sliding {
	width: 10000px;
}
#buy_window, .buy_sliding_item {
	width: 600px;
	overflow: hidden;
}
.buy_sliding_item {
	float: left;
}

#pay_form {
	width: 550px;
	margin: 20px auto 0;
	overflow: hidden;
}
#pay_form label {
	width: 200px;
}
#pay_form input {
	width: 250px;
}
#pay_form .info {
	padding-left: 220px;
}
#pay_form .info p {
	width: 260px;
}
#pay_form .info p strong {
	color: #fff;
}
#pay_button {
	margin: 15px 0 15px 0;
}

.loading {
	width: 100%;
	height: 200px;
	background: url('../src/common/buy/loading.gif') no-repeat center 40px;
	color: #fff;
	text-align: center;
	margin-top: 100px;
}
.loading.disabled {
	background: transparent;
}
.loading .button {
	margin-top: 10px;
	margin-left: 250px;
}
/* @end */

/* @group success */
#buy_success {
	padding: 30px 0 30px 30px;
	overflow: hidden;
}
#buy_success .col {
	float: left;
	width: 396px;
	padding-right: 30px;
}
#buy_success h1 {
	padding-bottom: 8px;
}
/* @end */
/* @end */

/* @group download window */
#download_window .instructions {
	padding: 0 15px 15px 15px;
}
#download_window .instructions .first.box {
	margin-top: 0;
}
#download_window.page {
    padding: 30px 30px 30px 30px;
    overflow: hidden;
}
#download_window.page h1 {
    padding-bottom: 20px;
}
#download_window.page .instructions {
	padding: 0;
}
/* @end */

/* @group license */
.text_window {
	padding: 20px;
	width: 650px;
	overflow: hidden;
	background: #232323;
}
#buy_license h2 {
	font-size: 16px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
}
#buy_license p {
	padding-bottom: 30px;
	line-height: 1.5em;
}
#buy_license .col, .cols .col {
	float: left;
	width: 310px;
}
#buy_license .col.first {
	padding-right: 30px;
}
#buy_license ul {
	list-style: none;
}
/* @end */

/* @group compatibility script */
#compatibility_script {
	width: 400px;
}
#compatibility_script p {
	float: left;
	padding-top: 10px;
}
#compatibility_script .button {
	margin: 10px 0 0 -2px;
}
/* @end */

/* @group demo */
#demo {
	padding: 10px 0 30px 30px;
	overflow: hidden;
}
#demo .column {
	padding-top: 18px;
	float: left;
	width: 395px;
	padding-right: 30px;
}
#demo h1 {
	float: left;
	padding-bottom: 15px;
}
#demo .button {
	float: left;
	margin: -4px 0 0 18px;
}
#demo .img {
	clear: both;
	margin-top: 20px;
	margin-left: -9px;
	height: 210px;
}
#demo .column p {
	clear: both;
	padding-top: 5px;
	width: 350px;
}
#demo p strong {
	color: #fff;
}
/* @end */

/* @group support */
#support {
	padding: 30px 30px 0 30px;
	overflow: hidden;
}
#support .col_left {
	clear: left;
	padding-right: 30px;
}
#support .col_left, #support .col_right {
	width: 396px;
	float: left;
}
#support .row {
	overflow: hidden;
	padding-bottom: 30px;
}

#support .contact {
	float: left;
	display: block;
	width: 395px;
	height: 67px;
	text-decoration: none;
	margin-left: 20px;
	background: #363636;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#support .contact p {
	font-size: 14px;
	padding: 16px;
}
#support .contact:active {
	background: #282828;
}
#support .contact p strong {
	color: #fff;
}

/* @group documentation */
#documentation {
}
#documentation li {
	padding: 18px 20px 5px 0;
	list-style: none;
}
#documentation li a {
	display: block;
	text-decoration: none;
	padding-left: 25px;
	background: url('../src/common/puce.gif') no-repeat 8px 5px;
}
#documentation li a:active p {
	color: #464646;
}
#documentation li a:hover span {
	text-decoration: underline;
}
#documentation li a p {
	font-size: 11px;
}

.screencast_exists a {
	display: block;
	background: #545454; 
	font-size: 12px;
	padding: 8px;
	color: #fff;
	margin: 0 0 10px 0;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.screencast_exists a:active {
	background-color: #373737;
}

.doc_page {
	padding: 30px;
}
.doc_page h1 {
	padding-bottom: 15px; 
}
.doc_page h2 {
	padding-top: 15px;
	padding-bottom: 5px; 
}
.doc_page h3 {
	padding-bottom: 5px; 
	padding-top: 15px;
}
.doc_page p strong {
	color: #fff; 
}
.doc_page .img_center {
	padding: 10px 0 0 0;
	text-align: center;
}
.doc_page hr {
	border: 0;
	height: 50px;
}
.doc_page code {
	margin: 10px 0 10px 0;
	display: block;
	white-space: pre;
	padding: 10px;
	background-color: #1a1a1a;
	overflow: auto;
}
.doc_page span {
	font-style: italic;
}
.doc_page .index {
	float: right;
	padding: 15px;
	margin: 10px;
	width: 250px;
	border: 1px solid #1b1b1b;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	background-color: #070707;
}
.doc_page .index, .doc_page .index ul {
	font-size: 12px;
	list-style-type: disc;
	color: #5e5e5e;
	list-style-position: inside;
}
.doc_page .index li {
	padding-bottom: 5px;
}
.doc_page .index ul {
	padding-left: 15px;
	font-size: 11px;
}
.doc_page .index ul li {
	padding-bottom: 0;
}
.doc_page .index h1 {
	font-size: 14px;
	padding: 0 0 5px 0;
}
.doc_page .index a {
	color: #5e5e5e;
}
.doc_page .index a:hover {
	color: #fff;
}

/* @end */

/* @group faq */
#faq {
	float: left;
	margin-left: 25px;
}
#faq ul {
	list-style-type: decimal;
	color: #fff;
	font-size: 11px;
	list-style-position: inside;
}
#faq ul li {
	border-bottom: 1px solid #fff;
	border-color: #141414;
	color: #5f5f5f; 
}
#faq ul li a {
	display: block;
	padding: 3px 0 3px 0;
	text-decoration: none;
	font-size: 12px;
	color: #5f5f5f; 
}
#faq ul li:hover, #faq ul li a:hover {
	color: #fff; 
}
#faq ul li, #faq ul li p {
	width: 426px;
}
#faq ul li p strong {
	color: #fff;
}


/* @end */

/* @end */

/* @group contact */
#contact {
	overflow: hidden;
	width: 500px;
}
#contact form {
	margin: 0 30px;
}
#contact label {
	width: 100px;
}
#contact .value {
	clear: left; 
}
#contact input {
	width: 300px; 
}
#contact textarea {
	margin-top: 3px;
	width: 424px;
	max-width: 424px;
	height: 200px;
}
#contact .submit {
	float: right;
	margin: 10px 3px 24px 0;
}

#contact_sliding {
	width: 10000px;
}
.contact_sliding_item {
	width: 500px;
	float: left;
}

/* @end */

/* @group client */
#client {
	padding: 0 48px 30px 48px;
	overflow: hidden;
}
#client .col {
	float: left;
	width: 360px;
	padding-left: 50px;
}
#client .col.first {
	padding: 0;
	width: 390px;
}
#client p {
	padding: 5px 0 0 0;
}

/* @group domains */
#domains_form {
	 padding: 10px 0 0 0;
}
#domains_form .input {
	clear: left;
	padding-bottom: 4px;
}
/* @end */

/* @group login */

#client {
	padding: 30px;
}

#client_login {
	float: left;
	width: 450px;
	overflow: hidden;
}
#client_login h2 {
	padding-bottom: 15px;
}
#client_login label {
	width: 150px;
}
#client_login input {
	width: 250px;
}
#client_login .submit {
	float: right;
	margin-right: 14px;
}
#client_login .loading {
	margin-top: 20px;
	height: inherit;
}

#client_login_sliding {
	width: 10000px;
}
.client_login_sliding_item {
	float: left;
	width: 450px;
}

#client_login_informations {
	float: right;
	padding-left: 40px;	
	width: 330px;
}
#client_login_informations p {
	padding-bottom: 20px;
}

#client .form_row.last {
	clear: both;
	margin-bottom: 25px;
	padding-bottom: 15px; 
}

/* @end */

/* @group lost */
#lost, #recovery {
	width: 500px;
	overflow: hidden;
}
#lost_form {
	width: 440px;
}
#lost_form label {
	width: 150px;
}
#lost_form input, #recovery_form input {
	width: 250px;
}
#lost_form .submit, #recovery_form .submit {
	float: right;
	margin: 10px 4px 20px 0;
}

#lost_sliding, #recovery_sliding {
	width: 10000px;
	overflow: hidden;
}
.lost_sliding_item, .recovery_sliding_item {
	width: 500px;
	float: left;
}
#lost .loading, #recovery .loading {
	height: inherit;
	width: 400px;
	margin: 10px auto 0 auto;
}
/* @end */

/* @group recovery */
#recovery_form {
	width: 500px;
}
#recovery_form label {
	width: 200px;
}
#recovery_form .submit {
	margin-right: 14px;
}
/* @end */

/* @group instructions */
#client_instructions {
	clear: left;
	padding-top: 35px;
	padding-bottom: 10px;
}
/* @end */

/* @group domains */
#client .col.first {
	overflow: hidden;
}
#client_sliding {
	width: 10000px;
}
.client_sliding_item {
	float: left;
	width: 390px;
}
/* @end */

/* @end */

/* @group boxes */
.box {
	display: block;
	background: #363636;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 00px;
}
.box .bottom {
	background: transparent;
	padding: 0;
	margin: 0;
}
.box h2 {
	padding: 8px 8px 6px 8px;
}
#client .box p, .box p {
	padding: 0px 8px 8px 8px;
}
/* @end */

/* @group admin */
#admin {
	padding: 0 48px 30px 48px;
	overflow: hidden;
}
#admin .menu {
	list-style: none;
	font-size: 12px;
	overflow: hidden;
	padding: 5px;
	background-color: #151515;
	margin: 20px 0 15px 0;
}
#admin .menu li {
	float: left;
	padding-right: 10px;
}
#admin ul {
	color: #5e5e5e;
	font-size: 12px;
	list-style-position: inside;
}
#admin .users {
	padding-top: 10px;
}
#admin .users .user {
	color: #5e5e5e;
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px solid #6e6e6e;
}
#admin .evaluation {
	color: #FFF;
	font-size: 11px;
	overflow: hidden;
	padding-top: 3px;
}
#admin .evaluation .domain,
#admin .evaluation .end_date {
	width: 300px;
	float: left;
}

/* @end */

/* @group press */
#press {
	padding: 30px;
}
#press h1 {
	padding-bottom: 10px;
}
#press_ressources {
	float: left;
	width: 550px;
	margin-right: 20px;
	overflow: hidden;
}
#press_licence {
	float: right;
	width: 250px;
}
#press p {
	padding: 10px 0 45px 0;
}
#press_ressources h2 {
	margin-bottom: 10px;
}
#press_ressources a {
	text-decoration: none;
	font-size: 11px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
#press_ressources a img,
#press_ressources a span {
	clear: left;
	float: left;
}
#press_ressources a:hover {
	text-decoration: underline;
}
#press_ressources a:active {
	opacity: 0.69;
}
/* @end */

/* @group newsletter */
#newsletter {
	padding: 30px;
}
#newsletter h1 {
	padding-bottom: 10px;
}
#newsletter_form {
	margin: 0 auto 0 auto;
	width: 410px;
	padding-top: 20px;
}
#newsletter_form label {
	width: 70px;
}
#newsletter_form .submit {
	clear: left;
	float: right;
	margin-right: 4px;
}

#newsletter.status p {
	font-size: 18px;
}
#newsletter_form.status label {
	width: 200px;
}
#newsletter_form.status select {
	margin-top: 9px;
}
#newsletter_form.status .submit {
	margin-right: 110px;
}
#newsletter.status {
	overflow: hidden;
}
#newsletter.status .unregister {
	float: right;
	margin-top: 20px;
}
#newsletter.status .register {
	margin-top: 20px;
}
/* @end */