/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body { background: url(../../images/default/layout/bg-menu.gif) repeat scroll 0 0 transparent; }
body > .row, body > header > .row { margin: 0 auto; max-width: 100%; min-width: 768px; width: 840px; }
body > .row { padding-top: 40px; }
@media only screen and (max-width: 767px) {
	body > .row, body > header > .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
	body > .row { padding-top: 0px; }
}

form { margin: 16px 16px 20px; }
input[type="text"], input[type="password"],input[type="text"]:focus, input[type="password"]:focus { 
	color: #666666; font-size: 13px; padding-left: 20px; 
	background: url("../../images/default/layout/sprite-bg-input.png") no-repeat scroll 5px 10px #FFFFFF; }
input[type="password"], input[type="password"]:focus { background-position: 5px -32px; }

.login { background-color: #182431; background-color: rgba(0, 0, 0, 0.3); border-radius: 10px 10px 10px 10px;}
.login h2 { color: #FFFFFF; font-size: 16px; margin: 24px 16px 16px; }

.button.active { color: #EEEEEE; font-size: 13px; font-weight: 300; padding: 7px 9px 8px; border-radius: 4px 4px 4px 4px;
	background: #0c6896; /* Old browsers */
	background: -moz-linear-gradient(top,  #0c6896 0%, #003963 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c6896), color-stop(100%,#003963)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0c6896 0%,#003963 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0c6896 0%,#003963 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0c6896 0%,#003963 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0c6896 0%,#003963 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6896', endColorstr='#003963',GradientType=0 ); /* IE6-8 */
}
.button.active:hover {
	background: #1788b9;
	background: -moz-linear-gradient(top,  #1788b9 0%, #003963 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1788b9), color-stop(100%,#003963));
	background: -webkit-linear-gradient(top,  #1788b9 0%,#003963 100%);
	background: -o-linear-gradient(top,  #1788b9 0%,#003963 100%);
	background: -ms-linear-gradient(top,  #1788b9 0%,#003963 100%);
	background: linear-gradient(to bottom,  #1788b9 0%,#003963 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1788b9', endColorstr='#003963',GradientType=0 );
}
.button.active span { color: #33D3FF; padding: 0 8px 0 2px; }

.button.positive { border-color: #9AE9FF transparent #20ADDA; border-style: solid none; border-width: 1px 0; box-shadow: -4px 2px 2px #222222;
	border-radius: 4px; color: #075985; margin-top: 12px;
	background: #0ee0ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #0ee0ff 0%, #29d2ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0ee0ff), color-stop(100%,#29d2ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0ee0ff 0%,#29d2ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0ee0ff 0%,#29d2ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0ee0ff 0%,#29d2ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0ee0ff 0%,#29d2ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ee0ff', endColorstr='#29d2ff',GradientType=0 ); /* IE6-9 */
}
.row .login form .row { margin: 0; }
.row .login form .row .column, .row .login form .row .columns { padding: 8px 20px 9px; }
.row .login form .row a.columns { color: #FFFFFF; font-size: 12px; line-height: 16px; padding-top: 16px; text-decoration: underline; }

.reveal-modal.custom { margin-left: -25%; width: 50%; }
.log-popup p { color: #333333; }
.log-popup input[type="text"], .log-popup input[type="text"]:focus { background-image: none; padding: 6px;}
.row .log-popup form .row { margin: 0; }
.row .log-popup form .row .columns { padding: 0; }
.row .log-popup form .row .button.positive, .row .log-popup form .row .button.positive { padding: 8px 20px 9px; }
.log-popup form { background-color: #ECECEC; border-radius: 10px 10px 10px 10px; padding: 28px; }
.log-popup .button.positive {box-shadow: 0 2px 2px #999999; }
#ui-datepicker-div { display:none; }