﻿@import "jquery-ui-1.7.2.custom.css";

/* DEBUG START /
div
{
	border: thin solid yellow;
}
/* DEBUG END*/

body
{
	background-color: #E7ECF0;
	font-size: 10.5px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
}

a:link
{
    color: #de6941;
    font-weight: bold;
    text-decoration: none;
}
a:visited
{
    color: #de6941;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    color: #de6941;
    font-weight: bold;
    text-decoration: underline;
}
a:active
{
    color: #de6941;
    font-weight: bold;
    text-decoration: underline;
}

a img
{
	border: none;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 12px;
    color: #000000;

    padding-bottom: 0;
    margin-top: 0px;
    margin-bottom: 0px;
}

h1
{
    font-size: 13px;
    color: #de6941;
}


/* PAGE
----------------------------------------------------------*/
.page
{
	height: 600px;
	width: 600px;
    margin-left: auto;
    margin-right: auto;

}


/* TEXT BOX
----------------------------------------------------------*/
.textbox
{
	padding: 6px;
}

.textbox > p
{
	margin-top: 0;
	padding-top: 0;
}

.noteTextbox
{
	padding: 4px;
	background: #fff6aa;
	margin: 0 6px 0 6px;
}


.formWrapper
{
	background-color: #fff6aa;
	height: 100%;
	width: 100%;
}

.form
{
	padding: 6px;
}

.form > p
{
	margin-top: 0;
	padding-top: 0;
}


/* MISC  
----------------------------------------------------------*/
.clearAndCenter
{
	text-align: center;
	display:block; 
	margin-left:auto; 
	margin-right:auto;
    clear: both;
}

.divfix
{
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 1px;
}


.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/* Modal Dialogs
----------------------------------------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  z-index:9000;
  background-color:#000;
  display:none;
}

#modalDialogs .dialog {
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:9999;
}

#modalDialogs .closeDialog {
}

