html, body { height: 100%; margin: 0; padding: 0; }
body { font-family: Tahoma; font-size: 12px; margin: 0; padding: 0; }
applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: none; vertical-align: baseline; background: transparent; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus {outline: none;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse;	border-spacing: 0; }
p{ margin: 0 0 10px 0; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; margin: 20px 0 10px 0; }
a img{ border: none; }

.header, .page-content { width: 550px; margin: 0 auto 20px; padding-top:20px; }
.page-content { margin-top: 0; background-color: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 1px 1px 5px #AAAAAA; -webkit-box-shadow: 1px 1px 5px #AAAAAA; box-shadow: 1px 1px 5px #AAAAAA; color: #555; }
.ie7 .page-content, .ie8 .page-content{  behavior: url(/css/border-radius.htc); }

a::-moz-focus-inner,
::-moz-focus-inner { outline: medium none; border: none; }

.field.error input[type="text"], .field.error input[type="password"], .field.error textarea, .field.error select  { margin: 0; border-color: #E76; border-width: 2px; }
.field .error-box { display: none; }
.field.error .error-box { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 3px 3px; //behavior: url(/css/border-radius.htc); -moz-box-shadow: 0 2px 3px #883333 inset; -webkit-box-shadow: 0 2px 2px #cc3333 inset; box-shadow: 0 2px 3px #883333 inset; background-color: #c53; color: #FFF; font-size: 11px; margin: 0 2px; padding: 3px 10px; display: block; font-weight: bold; }
.field.error .name { color: #930; }
.field.error .error-box .icon { -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; background-color: #830; border: 1px solid #FFF; display: inline-block; zoom: 1; *display: inline; font: bold 12px Arial; line-height: 13px; margin: 0 4px 0 -4px; text-align: center; width: 13px; height: 13px; zoom: 1; *display: inline; }
.field.error .error-box .error { display: inline; }

input[type="text"], input[type="password"], textarea, select, .noedit { margin: 1px; box-shadow: 1px 1px 2px #E5E5E5 inset; -moz-box-shadow: 1px 1px 2px #E5E5E5 inset; -webkit-box-shadow: 1px 1px 2px #E5E5E5 inset; padding: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #bbb; background-color: #fff; font-size: 13px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus,
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover { box-shadow: 1px 1px 2px #ddd inset; -moz-box-shadow: 1px 1px 2px #ddd inset; -webkit-box-shadow: 1px 1px 2px #ddd inset; border-color: #999; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #555; }

.field input[type="text"] { width: 250px; }
.field .integer input[type="text"] { width: 100px; }
.field input[type="password"] { width: 180px; }
.field textarea { width: 300px; }
.field select { width: auto; }

.floatfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.floatfix { display: inline-block;}
.floatfix { zoom: 1; display: block; }

.separator{ clear: both; height: 1px; margin: 20px 0 10px; }
.textBlock .separator{ margin: 0px; }
.last .separator{ display:none; }

.page-wrapper { height: 100%; height: auto !important; min-height: 100%;}
.page-content { padding: 20px 40px; }

.block{ display:block; }
.table { display:table; }
.relative{position:relative;}
.none, .make-me-unsee-it, .unsee, .inv{display:none;}
.clear{clear:both;}
.td-none{text-decoration:none;}
.nowrap{white-space:nowrap;}
.text-right{text-align:right;}
.ov-hidden{ overflow:hidden; }
.fw-normal{ font-weight:normal; }
.float-right { float: right }
.float-left { float: left }

/* cool-button ----- */

.cool-button a, a.cool-button { text-decoration: none; display: inline-block; zoom: 1; *display: inline; }

.cool-button a, a.cool-button,
.cool-button input, input.cool-button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid; cursor: pointer; font-family: Arial; font-size: 13px; font-weight: bold; padding: 3px 15px; outline: none; }
.cool-button a:hover, a.cool-button:hover,
.cool-button input:hover, input.cool-button:hover { background-position: left 3%; }
.cool-button .disabled, .cool-button.disabled { cursor: default; }

.cool-button input, input.cool-button { overflow: visible; /*IE7 fix*/ }

.cool-button input, input.cool-button,
.cool-button a, a.cool-button,
.cool-button .mate,   .cool-button.mate   { background-position: left top; }
.cool-button .glass,  .cool-button.glass  { background-position: left 64%; }
/* + metallic*/

.cool-button .smalest,   .cool-button.smalest,
.cool-button .embossed,  .cool-button.embossed { background-position: left 94%; }
.cool-button .smalest,   .cool-button.smalest   { padding: 3px 15px; }
.cool-button a, a.cool-button,
.cool-button input, input.cool-button,
.cool-button .largest,   .cool-button.largest   { padding: 6px 20px; }
.cool-button .large,     .cool-button.large   { padding: 10px 25px; font-size: 17px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.cool-button .dark, .cool-button.dark { background-position: 0 8%; }
.cool-button .dark:hover, .cool-button.dark:hover { background-position: 0 12%; }
.cool-button a:focus, a.cool-button:focus,
.cool-button input:focus, input.cool-button:focus { -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 1); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 1); }

.cool-button a, a.cool-button,
.cool-button input, input.cool-button {
    -moz-box-shadow: 1px 1px 4px rgba(255, 255, 255, 0.35) inset, -1px -1px 4px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 1px 1px 4px rgba(255, 255, 255, 0.35) inset, -1px -1px 4px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 4px rgba(255, 255, 255, 0.35) inset, -1px -1px 4px rgba(0, 0, 0, 0.1) inset;
}

.cool-button .disabled.wait, .cool-button.disabled.wait { background-image: url("/img/ActivityIndicatorButton2.gif"); background-repeat: no-repeat; background-position: 1em 50%; padding-left: 2.8em }

/* ----------------- */

/* Forms ----------- */

.field { padding: 5px; }
.field .nameContainer,
.field .nameContainer .padding,
.field .nameContainer .reqSign,
.field .nameContainer .name,
.field .valueContainer,
.field .valueContainer .value,
.field .descriptionContainer { display: inline-block; vertical-align: top; zoom: 1; *display: inline; }

.field .nameContainer { width: 25%; text-align: right; padding-right:5px; padding-top: 10px; }
.field .valueContainer { width:auto; max-width:70%;}
.field.required .name { font-weight: bold; }
.input-field { white-space: nowrap; padding-top: 10px; }
.input-field .ml-icon { padding: 0 0 0 4px; position: relative; z-index: 10; vertical-align: middle; }
.input-field .ml-input { margin-left: -20px; padding-left: 24px; position: relative; width: 200px; vertical-align: middle; }
.input-textfield { white-space: nowrap; padding-top: 10px; }
.input-textfield .ml-icon { padding: 5px 0 0 4px; position: relative; z-index: 10; vertical-align: top; }
.input-textfield .ml-input { margin-left: -20px; margin-right: 4px;  padding-left: 24px; position: relative; width: 200px; height: 55px; vertical-align: top; resize: none; }
.input-textfield .ml-input-large { margin-left: -20px; margin-right: 4px;  padding-left: 24px; position: relative; width: 310px; height: 75px; vertical-align: top; resize: none; }
.input-field .checkbox { vertical-align: baseline; }
.input-field .checkbox.in-option { vertical-align: middle; margin-right: 7px; }
.input-field label, label { cursor: pointer; }
.input-field .input-option { line-height: 25px; }
.options .ml-input { width: 150px; vertical-align: middle; }
.field .descriptionContainer { display: none; position: relative; }
.field .descriptionContainer .description { padding: 0px 8px; color: #777; font-size: 11px; position: absolute; width: 200px; line-height: 15px; }
.value .captcha { padding: 5px; margin: 0 -1px; background-color: #e5e5e5; }
.field.error .value .captcha { background-color: #EE7766; }
.value .captcha .code { cursor: pointer; border: 1px solid transparent; }
.value .captcha .code:hover { border-color: #bbb; }
.value .captcha input.target { width: 292px; margin-top: 5px; }

.page-container .actions { padding: 15px 0 0 27%; margin-left: 3px; }
.status .error { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; //behavior: url(/css/border-radius.htc); background-color: #C53; border: 2px solid #da9; color: #FFF; margin: 15px 15px 15px 29%; padding: 15px 20px 15px 40px; -moz-box-shadow: 0 1px 5px #A00 inset; -webkit-box-shadow: 0 1px 5px #A00 inset; box-shadow: 0 1px 5px #A00 inset; }
.error a { color: #fda; }
select .empty { color: #777; }

.page-container .headline { color: #555; font-size: 27px; font-weight: normal; margin: 0 0 7px;  padding: 0; }

.page-container .intro { color: #555; font-size: 14px; font-weight: normal; padding: 0; }
.ui-dialog{ font-size:11px !important; }

.page-container .auth-window { color: #555; padding:0; font-size: 14px; }
.page-container .auth-window-content { padding: 30px 0; width: 550px; }
.page-container .auth-window .valueContainer input { font-size: 20px; border-radius: 4px; width: 250px; padding: 7px; }
.page-container .auth-window .actions{ padding-left: 26%; margin-left: 2px; }

.page-container { position:relative; top:80px; }

.renew-back-link{ margin:1em 0 0; }