@import url(buttons.css);
@import url(tables.css);
@import url(layout.css);

BODY {
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}

table
{
    font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
    
}


.tborder {
        background:#D1D1E1 none repeat scroll 0% 0%;
        border:1px solid #0B198C;
        color:#000000;
        width:100%;
    }
    .page{
        background:#FFFFFF none repeat scroll 0% 0%;
        color:#000000;
    }
    .alt2, .alt2Active {
        background:#E1E4F2 none repeat scroll 0% 0%;
        font-size:11px;
        color:#000000;
        padding:5px 5px 5px 5px;
    }
    .alt1, .alt1Active {
        background:#F5F5FF none repeat scroll 0% 0%;
        font-size:11px;
        color:#000000;
        padding:5px 5px 5px 5px;
    }

    .tcat {
        -x-system-font:none;
        background:#869BBF url("/quest/images/common/gradient_tcat.gif") repeat-x scroll left top;
        color:#FFFFFF;
        font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
        font-size:11px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:bold;
        line-height:normal;
        padding:5px 5px 5px 5px;
    }

    .thead {
        -x-system-font:none;
        background:#00257e url("/quest/images/common/gradient_thead.gif") repeat-x scroll left top;
        padding:5px 5px 5px 5px;
        color:#FFFFFF;
        font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
        font-size:11px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:bold;
        line-height:normal;
    }
    .bigusername {
        font-size:14pt;
    }
    .smallfont {
        -x-system-font:none;
        font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
        font-size:11px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;
    }

TABLE.topAndBottom
{
	border: thin ridge Black;
	border-style: solid none solid none;
}

.headerLine1
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
    padding: 3px;
}

.headerLine3{
    padding:2px;
    font-family:Arial,Helvettica,sans-serif;
    font-size: 13pt;
    font-weight:bold;
}
.headerLine3 img{
    vertical-align:top;
}

TABLE.top
{
	border: thin solid Black;
	border-style: solid none none none;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

TABLE.default
{
	background-color: #ECECEC;
/*	border: thin groove Black;*/
}

TABLE.default th
{
    padding: 5px;
    text-align:left;
}

TABLE.default td
{
    padding: 5px;
}

.normaltext
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}

.normalText
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}

.normaltextWhite
{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial;
	color: White;
}

.normaltextblack
{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial;
	color: Black;
}

.normaltextRed
{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial;
	color: Red;
}


.normaltextBold
{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial;
	FONT-WEIGHT: bold;
}

.reportBold
{
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial;
	FONT-WEIGHT: bold;
}

.overdue
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: 700;
    COLOR: #FF0000;
}

td.tool
{	cursor: auto;
    text-align: right;
	vertical-align: middle;
    color: #ffffff;
    font-family: arial, helvetica, sans-serif;
    font-size: 14pt;
	font-weight: bold;
	font-style: italic;
}

A.footer { color: #FFFFFF; text-decoration:none }
A.footer:visited { color: #FFFFFF }
A.footer:hover { color: #C0C0C0 }

A.dashboard { color: #000000; text-decoration:none }
A.dashboard:visited { color: #000000 }
A.dashboard:hover { color: #C0C0C0 }

A.faq { color: #000099; text-decoration:none }
A.faq:visited { color: #000099 }
A.faq:hover { color: #FFFFFF }

A.manual { color: #000000; text-decoration:none }
A.manual:visited { color: #000000 }
A.manual:hover { color: #0000FF }

.subHeadingText
{
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial;
	FONT-WEIGHT : bold;
}

.calendarAuditsDue
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    background-color: #f7f0f9;
}

.calendarAuditsCompleted
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    background-color: #ccccff;
}

.buttonPadding {
    height: 15px;
}

/* styles for the tree */
span.TreeviewSpanArea a {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    text-decoration: none;
    color: #DFDFDF;
}

span.TreeviewSpanArea a:hover {
    color: #FFFFFF;
}

span.TreeviewSpanArea .complete {
    color: #33dd33;
    font-weight: bold;
    font-size:12px;
}

span.TreeviewSpanArea .incomplete {
    color: #cc3333;
    font-weight: bold;
    font-size:12px;
}

a.standardGeneral {
    text-decoration: none;
    color: #000000
}

a.standardGeneral:hover {
    color: #0000FF
}

#calendar .completed {
    background-color: #CCCCFF;
}

#calendar .scheduled {
    background-color: #f7f0f9;
}

#calendar .otherMonth {
    background-color: #D8D8D8;
}

#calendar .weekend {
    background-color: #E6E6FA;
}

#calendar .day {
    background-color: #ffffff;
}

.auditQuestion {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
}

.feedbackScore, .feedbackScore th, .feedbackScore tr, .feedbackScore td {
    border-collapse: collapse;
    padding: 5px;
    margin: 0px;
}

.htmlTextBox {
    background-color: #ffffff;
    color: #000000;
    width : 635px;
    height : 100px;
    border : solid 1px lightgray;
    padding : 5px;
    overflow-y : auto;
    overflow-x : hidden;
}


/* FIELDSET */

fieldset {
    clear: both;
    border-style: none;
    padding: 10px;
    margin: 0;
    margin-bottom:0.5em;
}

fieldset fieldset {
    border-top: 1px solid #999;
    padding:0;
    /*padding-left:15px;*/
}

fieldset legend {
    color: #333;
    padding: 3px 0px;
    margin: 0 0 0.5em 0;
}

fieldset fieldset legend {
    font-weight:bold;
    text-transform:uppercase;
    padding-left:0px;
    padding-right:5px;
    margin:0px;
    margin-bottom: 10px;
}

fieldset label {
    clear: left;
    display: block;
    font-weight:bold;
    float: left;
    width: 150px;
    text-align: left;
    padding: 3px 10px 3px 0px;
    margin-bottom: 0.3em;
}

fieldset label {
}
fieldset input[type=text], fieldset input[type=password], fieldset input[type=file] {
    margin-bottom: 0.3em;
    display: block;
    float: left;
}
fieldset input.inputText{
    width:185px;
}
fieldset input.inputDate{
    width:185px;
}

.ui-widget fieldset select.inputSelect {
    width:300px;
    max-width:300px;
}

fieldset select.inputSelect{
    width:185px;
    max-width:185px;
    float:left;
    display: block;
}

fieldset span.textRow {
    margin-bottom: 0.3em;
    display: block;
    float: left;
    padding: 3px 10px 3px 0px;
}

fieldset select, fieldset textarea {
    /*display: block;
    float: left;*/
    margin-bottom: 0.3em;
    float:left;
    display: block;

}

fieldset textarea {
    width:300px;
    max-width:300px;
}

fieldset select {
    width:185px;
    max-width:185px;
}

fieldset span.error, fieldset div.error {
    background: url(../images/common/error.gif) no-repeat;
    padding: 3px;
    padding-left:27px;
    display: block;
    float: left;
    margin-bottom: 0.3em;
    color:red;
}

fieldset br {
    clear:both;
}

fieldset input.error, fieldset select.error, fieldset textarea.error {
    background-color: #FFFFCC;
}

fieldset .checkboxTable label {
    width: auto;
}

fieldset .checkboxTable input {
    float: right;
}

div.narrativePanel
{
    border:1px solid lightgray;
    margin-bottom:5px;
}
.narrativePanelHeader
{
    background-color:#d3d3d3;
    padding:5px;
}

div.narrativePanel span
{
    float:left;
}
div.narrativePanel p
{
    padding: 5px;
}
div.narrativePanel span.createdLabel
{
    float:right;
}

div.historyPanel
{
    border:1px solid lightgray;
    padding:5px;
    text-align:left;
}

div.label
{
    display: block;
    font-weight : bold;
}

div.historyPanel div.actionHeader
{
    font-weight:bold;
    padding-bottom: 3px;
}
div.historyPanel span.createdLabel
{
    /*
    float:right;
    text-align:right;
    */
}
/** Hide the table header in a dialog */
.ui-dialog .tableHeader {
    display:none;
    text-align:center;
}

.ui-dialog {
    /*text-align:center;*/
    padding: 3px 10px 3px 0px;    
    width:575px;
}

.ui-dialog fieldset{

    padding: 10px;
    margin: 0;
    margin-bottom:0.5em;
}

.userStatusSpan{
    float:right;
    color:white;
    padding-right:20px;
}
/* restricts the size of the tabs to be the length of the screen*/
.ui_tab_restricted {
    max-height:300px;
    /*
    overflow-x:hidden;
    overflow-y:auto;
    */

}

.ui-dialog 

.email{
    
}

.upperCase{
    text-transform:uppercase;
}

.error
{
    font-weight: bold;
    color: red;
}

form{
    padding:0;
    margin:0;
}


