@charset "utf-8";

/* Reset */
@import url("reset.css");

/* Fonts */
@font-face { font-family: "RobotoRegular"; src: url("Roboto-Regular.ttf") format("truetype"); }
@font-face { font-family: "RobotoLight"; src: url("Roboto-Light.ttf") format("truetype"); }
@font-face { font-family: "RobotoBold"; src: url("Roboto-Bold.ttf") format("truetype"); }

/* Base */
img { max-width:100%; height:auto; width: auto\9; /* ie8 bugfix */ }
* { font-family:RobotoRegular, Arial; color:#333; font-size:16px; line-height:24px; }
p { margin-bottom:15px; }
em { font-style:italic; }
ul { margin-bottom:20px; margin-top:10px; }
ul li { list-style:disc; margin-left:30px; margin-bottom:6px; }
ul li ul li { list-style:circle; }
ol { margin-bottom:20px; margin-top:10px; }
ol li { list-style:decimal; margin-left:30px; margin-bottom:6px; }
a, a:visited { text-decoration:underline; color:#FFF; }
a:hover { text-decoration:underline; }
h1 { color:#a61d6a; font-size:40px; line-height:44px; margin-bottom:50px; font-family:RobotoRegular, Arial; }
h2 { color:#a61d6a; font-size:28px; line-height:32px; margin-bottom:20px; margin-top:40px; font-family:RobotoRegular, Arial; }
h3 { color:#a61d6a; font-size:22px; line-height:26px; margin-bottom:10px; font-family:RobotoLight, Arial; }
.first { margin-top:0 !important; }

/* Layout */
html, body { background:#E1E1E1; }
.tube { max-width:1280px; margin:0 auto; width:95%; }
#header { background:#333; background-image:url(../images/header-background.png); background-repeat:repeat-x; height:120px; }
#header .tube { position:relative; padding:20px 0; }
#content { position:relative; z-index:100; }
#content .tube { background:#FFF; padding:20px 20px 60px 20px; min-height:500px; }
#footer { margin:30px 0 30px 0; }

#menu { position:absolute; top:70px; right:0; z-index:1000; }
#menu ul, #menu li { list-style:none; padding:0; margin:0; display:inline; }
#menu ul a { color:#FFF; font-family:RobotoBold, Arial; padding-left:30px; font-size:17px; text-transform:uppercase; text-decoration:none; }
#menu-button { position:absolute; cursor:pointer; top:65px; right:0; display:none; width:40px; height:40px; background-repeat:no-repeat; background-size:contain; background-image:url(../images/menu-button.png); }

#header-logo { width:304px; position:absolute; top:20px; }
#header-contact { position:absolute; top:20px; right:0; color:#FFF; }
#header-contact * { font-family:RobotoLight, Arial; font-size:16px; color:#FFF; }
#header-contact strong { font-family:RobotoBold, Arial; font-weight:normal; }
#header-contact span { margin-left:20px; }

@media screen and (max-width: 1150px){
	#menu ul a { padding-left:20px; font-size:15px; }
}


@media screen and (max-width: 950px){
	#header-contact { top:10px; }
	#header-contact-email { display:none; }
	#menu-button { display:inline; }
	#menu { display:none; background:#000; padding:20px 30px 20px 30px; top:120px; }
	#menu ul, #menu li { display:block; }
	#menu ul a { display:block; padding:10px 0 10px 0; font-size:18px; }
}

@media screen and (max-width: 768px){
	
	
}

@media screen and (max-width: 480px){
	#header-logo { width:250px; top:45px; }
	#content .tube { min-height:inherit; width:100%; }
}







/* Tables */
.table { display:table; width:100%; }
.tr { display:table-row; }
.th, .td { display:table-cell; vertical-align:top; }

.table-list { margin-bottom:20px; }
.table-list th { padding:8px 20px 8px 5px; background:#999; color:#FFF; } 
.table-list td { padding:8px 20px 8px 5px; border-bottom:#CCC 1px solid; }
.table-list th, .table-list th *, .table-list td, .table-list td * { font-size:14px; line-height:15px; } 
.table-list tr:hover td { background:#f9f9da; cursor:pointer; }
.table-list tr > th:last-of-type, .table-list tr > td:last-of-type { padding-right:5px; }
.table-list th a { display:inline-block; font-size:14px; padding-right:15px; color:#FFF; background-position:right; background-repeat:no-repeat; }
.table-list th a.sortup { background-image:url(../images/sort-up.png); }
.table-list th a.sortdown { background-image:url(../images/sort-down.png); }
.table-view th { padding:8px 20px 8px 0; } 
.table-view td { padding:8px 0 8px 0; } 

/* Form boxes */
input[type="text"], input[type="password"], input[type="date"], textarea, select {	font-family:Arial, Helvetica, sans-serif; border:1px solid #ccc; font-size:14px !important; padding:6px; 
	-moz-box-shadow:0 0 10px #eee inset; -webkit-box-shadow:0 0 10px #eee inset;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
textarea { resize:vertical; }
input[type="radio"], input[type="checkbox"] { width:auto !important; height:auto !important; }
::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }

/* Buttons */
input.button { font-family:RobotoRegular, Arial; display:inline-block; border:none; padding:8px 30px 8px 30px; 
				text-align:center; text-decoration:none !important; background-color:#a61d6a; color:#FFF !important; font-size:14px; line-height:13px;
				background-repeat:no-repeat; background-position:center; }
a.button { font-family:RobotoRegular, Arial; display:inline-block; padding:8px 20px 8px 20px !important; text-align:center; text-decoration:none !important; background-color:#a61d6a; color:#FFF !important;  font-size:14px !important; }
input.button-small, a.button-small { padding:5px 10px 5px 10px !important; font-size:12px !important; }
input.button-big, a.button-big { padding:10px 30px 10px 30px !important; }
input.button-grey, a.button-grey { background:#999; }
a.button:hover, input.button:hover { background-color:#ce2082; cursor:pointer; color:#fd9e5e; }
input.button[disabled=disabled] { background-color:#CCC; color:#FFF; cursor:default; }
a.inline, input.inline { padding:3px 8px 3px 8px; font-size:12px !important; display:inline; width:auto; }


/* Message box */
.msgbox { border:#000 1px solid; padding:10px 8px 12px 40px; background-position:8px 8px; background-repeat:no-repeat; margin:5px 0 20px 0; }
.msgbox.default { background-image:none; padding-left:8px; }
.msgbox.alert { background-image:url(../images/icon-alert-24.png); background-color:#FFC; border-color:#F00; }
.msgbox.warning { background-image:url(../images/icon-warning-24.png); background-color:#FF9; border-color:#FC0; }
.msgbox.ok { background-image:url(../images/icon-tick-24.png); background-color:#E6FFE6; border-color:#060; }
.msgbox.info { background-image:url(../images/icon-info-24.png); background-color:#D5F7FF; border-color:#06F; }

/* Form error */
.form-error-box { border:#000 1px solid; padding:6px 8px 6px 42px; background-position:15px 15px; background-repeat:no-repeat; margin:5px 0 20px 0; background-image:url(../images/msgbox-error.png); background-color:#FFE6E6; border-color:#F00; }
.form-error-box li { color:#F00; font-weight:normal; margin:5px 0 0 20px; line-height:16px; list-style:disc; }
.form-error-highlight { border:1px solid #F00 !important; }
@media screen and (max-width: 650px){
	.form-error-box { padding:6px 8px 6px 8px; }
}


/* UI Popup Box */
.ui-dialog-titlebar {display:none}
.ui-dialog { padding-top:15px !important; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button * { font-family:PatuaOne, Arial; font-size:13px; background-color:#6E000B; background-image:none; padding:8px 30px 8px 30px!important; color:White !important; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover { background-color: #370D0E !important; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset * { border:none !important; }
.ui-dialog .ui-corner-all { border-radius:0px !important; }
.ui-dialog { border:4px solid #666 !important; }
.ui-dialog .ui-dialog-content * { margin-top:0; }
.ui-widget-overlay { background:#000 !important; opacity:.40 !important; filter:Alpha(Opacity=40) !important; }