/* Main stylesheet for Message Archiving.  */
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}



html, body {
    font:13px/1.231 Trebuchet MS, Arial, sans-serif;*font-size:small;*font:x-small;
    color:#545454;
    background: white;
    background-color: white;
    line-height: 1.3;
    height:100%;

}

#containerWrapper {
    position: relative;
    height:auto !important; /* non ie */
	height:100%; 
    min-height: 100%;
}

/* IE6: treated as min-height*/
* html #containerWrapper {
   height: 100%; 
}


#container {
    padding-bottom: 40px; /* create space for footer */
}

#footer {
    position: absolute;
    width: 100%;
    padding: 10px 0;
    bottom: 0;
    z-index: 0;
}

#footer td {
    padding-left: 2px;
    padding-right: 2px;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }

ol, ul {
	list-style: none;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

label {
	margin-right: 4px;
}

label.between {
    margin-left: 4px;
	margin-right: 4px;
}

/* Remember to define focus styles! */
:focus {
	outline: 0;
}

a.tooltip, a.tooltip:link, a.tooltip:visited {
    color: #545454;
    text-decoration: none;
}

a, a:link, a:visited {
    color: #b63430;
    text-decoration: none;
}

div.yui-dt-col-from a {
    color: #545454;
}

div.yui-dt-col-subject a {
    color: #545454;
}

strong {
    font-weight: bold;
}

.sectionsep {
    background: #d4d2b6;
}

.verticalsep {
    height: 4px;
    left: 0;
    right: 0;
}

.scrolldialog {
    overflow: auto;
}

#header {
    position: relative;
    z-index: 2; /* Required so that dropdowns work in ie7 and 6. */
}

#headertop {
    padding: 10px 10px 0 10px;
    height: 80px;
}

#headerbottom {
    padding: 0 10px 0 10px;
}

#leftcolumn {
	padding: 10px 20px 0 10px;
	position: relative;
	z-index: 50;
}
	#leftcolumn ul {
		margin: 0; padding: 0; padding-top: 0; padding-bottom: 3px;
	}
	#leftcolumn li {
		margin: 0; padding: 0;	border: 0; outline: 0;
		list-style: none;
		white-space: nowrap;
	}
	#leftcolumn li h2 {
		font-weight: bold;
	}
	#leftcolumn li a {
		width: 100%;
		height: 15px;
        display:block;
        padding: 3px 0px 3px 12px;
		border-bottom: 1px solid #d4d2b6;
       	text-decoration: none;
	}
	#leftcolumn li a:hover {
		background: #d4d2b6;
		border-color: #c4c2a6;
	}
	#leftcolumn li a.navselected {
		background: #d4d2b6;
		border-color: #c4c2a6;
	}

#rightcolumn {
	position: static;
	z-index: 100;
}

#rightcolumn p {
    padding: 10px 0 0 10px;
}

#rightcolumn div div p {
    padding: 10px 0 0 0;
}

#rightcolumn th {
    font-weight: bold;
}

#summaryFormDiv {
 background: #EEEED0;
}

.listTable {
    border-collapse: collapse;
}
.listTable th
,.listTable td {
    border-bottom: 1px solid #000;
}

.updateForm th
,.updateForm td
,.listTable th
,.listTable td
,.updateForm h2 {
	padding: 4px;
}
.updateForm th th
,.updateForm th td
,.updateForm td th
,.updateForm td td {
	padding: 0 2px 0 2px;
}
.updateForm td h2 {
	padding: 0;
}


div.previewDivHeader {
padding: 2px 2px 2px 2px;
}

div.previewDivBody {
padding: 2px 2px 2px 2px;
}

.code {
font-family: "Courier New", Courier, monospace;
}

span.errorNotice {
    color:#b63430;
    font-weight:normal;
    text-decoration: none;
}

span.errorItem {
    color:#b63430;
    font-weight:normal;
    text-decoration: none;
    padding: 1em;
}

span.keyword {
	color: #ff0000;
	font-weight: bold;
	background-color: #ffff00;
}

div.time {
    color:#ffffff;
    text-decoration: none;
    font-size: 0.8em;
    align: center;
}

#noticeMsgDiv {  
    width: 40%;
    left: 30%;
    top: 130px;
    opacity: 0.7;
    filter:Alpha(Opacity=70); 
    font: normal 20px Helvetica, Arial, Sans-Serif;
    letter-spacing: -1px;
    position: fixed;
    color: white;
    background-color: black;
    text-align: center;
    display: none;
    z-index: 100000;
    padding: 20px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}

#noticeMsgDiv a {
    position:absolute; 
    right: 3px; 
    top: 2px; 
    margin: 0; 
    padding: 0
}

#noticeDiv {
    padding: 4px;
    font-weight: bold;
    font-size: 1.5em;
}
div.noticeDiv {
    padding: 4px;
    font-weight: bold;
    font-size: 1.5em;
}

.loadingContainer, .inlineLoadingContainer {
    display:none;
    text-align: center;  
    padding: 1em;
    
}

.formLoadingContainer {
    position: absolute;
    top: 0;
    text-align: center;  
    background-color: #FFF;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
}

tr.loadingContainer, tr.inlineLoadingContainer {
    text-align: left;
}

.loadingContent, .inlineLoadingContent, .formLoadingContent {
    /* margin: 2em; */
    padding-left: 20px;
    background: white url(/pav/images/ui-anim_basic_16x16.gif) left center no-repeat;
}

.formLoadingContent {
    display: inline-block;
	margin-top: 40px;
}

.yui-skin-sam .yui-dt-hd {
    display: none;
}

.yui-skin-sam .yui-dt-selected a {
    color: #ffffff;
    text-decoration: none;
}

.yui-skin-sam .yui-dt table {margin:0;padding:0;font-family:arial;font-size:1em;border-collapse:collapse;border-spacing:0;}
.yui-skin-sam .yui-dt-liner {
    margin:0;padding:0;
    padding:1px 2px 1px 2px; /* cell padding */
}

.yui-skin-sam tr.yui-dt-odd { /* background-color:#d4d2b6; */ } /* light blue */
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc { /* background-color:#FFF; */ } /* light blue sorted */
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc { /* background-color:#d4d2b6; */ } /* dark blue sorted */
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc { /* background-color:#FFF; */ } /* light blue sorted */
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-desc { /* background-color:#FFF; */ } /* light blue sorted */

.yui-skin-sam tr.yui-dt-selected td
, .yui-skin-sam tr.yui-dt-selected td.yui-dt-asc
, .yui-skin-sam tr.yui-dt-selected td.yui-dt-desc {
    /* background-color:#426FD9; */
}

.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc, .yui-skin-sam tr.yui-dt-odd td.yui-dt-desc {
    /* background-color:#d4d2b6; */
}

.yui-dt-col-subject {
    width: 300px;
}

.yui-pg-container td {
    padding: 4px 4px 4px 4px;
}

.seccas-100percent {
    width: 100%;
}

#messagelistDiv {
    overflow: auto;
}

.popup {
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    display:inline;
}
.popup li {
    padding: 0;
    margin: 0;
    float: left;
    display:inline;
    position: relative;
    width: 12em;
}

.popup li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    background-color: white;
    border: 1px solid black;
}

.popup li>ul {
    top: auto;
    left: auto;
}

.popup li ul li {
    display: block;
    padding: 0;
    border: 0;
    float: left;
    clear: left;
}

.popup li:hover ul {
	display: block;
}
.popup li.over ul {
	display: block;
}

/* STANDARD */

button:hover, .buttons a:hover, .toolbar a:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active, .toolbar a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* TOOLBAR */
.toolbarTable {
    width: 100%;
}

.toolbarTd {
    white-space: nowrap;
}

.toolbar {
    vertical-align: middle;
}


.toolbar a, .toolbar button
, .rtoolbar a, .rtoolbar button {
    display:block;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.toolbar a, .toolbar button {
    margin:0 1px 0 0;
    float:left;
}
.rtoolbar a, .rtoolbar button {
    margin:0;
    float:right;
}
.toolbar button, .rtoolbar button{
    width:auto;
    overflow:visible;
    padding:4px 10px 2px 7px; /* IE6 */
}
.toolbar button[type], .rtoolbar button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:12px; /* Safari */
}
.toolbar button img, .toolbar a img, 
.rtoolbar button img, .rtoolbar a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* BUTTONS */

.buttons a, .buttons button {
    display:block;
    margin:0 1px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type] {
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* override the button styles in main.1.4.3.css that override the theme buttons */

.toolbar button, .toolbar button[type], .rtoolbar button, .rtoolbar button[type],
.buttons button, .buttons button[type], button, a.button {
    color: #555;
    border: 1px solid #D3D3D3;
    background-color: #E6E6E6;
    margin-right: .5em;
    font-weight: normal;
    font-size: 90%;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

.toolbar button:hover, .rtoolbar button:hover, .buttons button:hover, button:hover, a.button:hover {
    color: #212121;
    border-color: #999;
    background-color :#DADADA; 
}

a.button {
    padding:3px 10px 3px 7px;
    font-size: 90%;
    display: inline;
}

/* POSITIVE */

button.positive
, .buttons a.positive
, .toolbar a.positive
, .buttons a.positive:visited
, .toolbar a.positive:visited
, .buttons a.positive:active
, .toolbar a.positive:active {
    color:#958d48;
    background-color:#f5f5f5;
}
.buttons a.positive:hover
, .toolbar a.positive:hover
, button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#958d48;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.filterDiv {
    text-align: right;
}


select {
    border: solid 1px #BBB;
}
a.multiSelect {
	width: 150px;
	border: solid 1px #BBB;
	background: #FFF url(/pav/images/dropdown.gif) right center no-repeat;
	padding: 2px 4px;
	padding-right: 20px;
	display: inline;
	color: black;
}

a.multiSelect.hover {
	background: url(/pav/images/dropdown_hover.gif) right center no-repeat;
}

a.multiSelect.active,
a.multiSelect.focus {
	border: inset 1px #000;
}

a.multiSelect.active {
	background: url(/pav/images/dropdown_active.gif) right center no-repeat;
}

.multiSelectOptions {
    white-space: nowrap;
    overflow: visible;
    width: auto !important;
    min-width: 174px;
    margin-top: -1px;
	border: solid 1px #B2B2B2;
	background: #FFF;
	text-align: left;
}

.multiSelectOptions LABEL {
	padding: 0 5px;
	display: block;
	margin: 0;
	whitespace: nowrap;
}

.multiSelectOptions LABEL.checked {
	background: #E6E6E6;
}

.multiSelectOptions LABEL.selectAll {
	border-bottom: dotted 1px #CCC;
}

.multiSelectOptions LABEL.hover {
	background: #CFCFCF;
}


/* tablesorter */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #EEEEE6;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/pav/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/pav/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/pav/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #c8bd8d;
}

#navselected {
    background-color: #D4D2B6;
}

/* main navigation mouseovers */
ul.dropdown li,
ul.dropdown ul {
    margin: 0;
    padding: 0;
}
ul.dropdown {
    list-style: none;
    position: absolute;
    bottom: 0;
    right: 30px;
    z-index: 597;
    margin: 3px 0px 0 0;
    padding: 0; 
}

ul.dropdown li {
    position: relative;
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
    height: 20px; 
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #d4d2b6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    border-bottom-width: 0;
    background-color: #ffffff; /* set unselected tab background color as desired */
    color: #fff; /* set unselected tab link color as desired */
    text-decoration: none;
     margin-right: 2px;
    -moz-border-radius-topleft:4px; -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright:4px; -webkit-border-top-right-radius: 4px;
}
 
ul.dropdown li:hover {
    background-color: #d4d2b6;
}

ul.dropdown ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 130px;
    height: 20px;
}

ul.dropdown ul li {
    float: none;
    padding: 0;
    height: 25px;
    z-index: 598;
    -moz-border-radius-topleft:0; -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright:0; -webkit-border-top-right-radius: 0;
}



ul.dropdown ul li:last-child {
    border-bottom-width: 1px;
}

ul.dropdown ul li a {
    display: inline-block;
    padding: 3px 5px 6px 6px;
    width: 115px;
    white-space: nowrap;
}

ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}

ul.dropdown li:hover > ul {
    visibility: visible;
    display: block;
}


/* inline icon buttons for actions, set border on mouseover */
a.iconButton, a.utilButton {
    display: inline-block;
    border: 1px solid transparent;
    margin-right: 4px;
    padding:2px 2px 0 2px;
}

a.iconButton:hover, a.utilButton:hover {
    border-color: #999;
}

a.utilButton {
    padding: 0;
}

.utilIcon {
    width:14px; 
    height: 14px; 
    padding: 0 2px 2px 0;
    opacity: 0.7;
    filter: Alpha(Opacity=70); 
}

#closeDialog {
    background-image: url(/pav/images/icons/close_dialog.png);
}

#closeDialog:hover {
    background-color: #444;
} 

.note {
    padding: 10px 0 0 0;
    color: #444;
}


/* for dialogs with no tables */
.dialogContent {
    padding: 10px 10px 15px;
}

.dialogContent p {
    padding-bottom: 15px;
}

/* listTable - not as heavy */
.listTable th, .listTable td {
    border-color: #ddd;
}

.pageTitle {
    background: #EEEED0;
}

#breadcrumbs {
    margin: 10px;
}

#breadcrumbs ul {
     list-style: none;
     -webkit-padding-start: 0; /* ?? browser setting pushing ul in 40px ? */    
}

#breadcrumbs li {
    display: inline;
}

/* overriding general style to use underlining for breadcrumb links */
#breadcrumbs a:hover {
    text-decoration: underline;
}

#filterSummary {
    cursor:pointer;
}

#filterSummary label, #filterForm label {
    margin-left: 20px;
}

.fieldValue {
    color: #b63430; 
}


/* Override the jquery-ui framework themes rounded headers on tabs, dialogs and date pickers.  */   
.ui-dialog {
    padding: 0 0 .2em 0;
}
 
.ui-dialog-titlebar {
    -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0;
    border-width: 0 0 1px 0;
} 

.ui-tabs {
    padding: 0 0 .2em 0;
}

.ui-tabs-nav {
    -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0;    
    
}

ul.ui-tabs-nav {
    border-width: 0 0 1px 0;
}

.ui-datepicker-header {
    -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0;
    margin: -2px -2px 0;
    padding: 0 0 1px 0;
    border-width: 0 0 1px 0;
}

/* darken the overlay for modal dialogs */
.ui-widget-overlay { 
    opacity: .50;
    filter:Alpha(Opacity=50); 
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}