/****************************************************
*** General
***/


body
{
    margin: 0;
    padding: 0;
	font-weight: normal;
	font-size: 12px;
	word-spacing: normal;
	text-transform: none;
	/*font-family: Verdana, Helvetica, sans-serif;*/
	letter-spacing: normal;
}

/*
h1, h2, h3, h4, h5, th, thead, tfoot
{
	color: Gray;
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.58em;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.33em;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

h5, dt
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

tfoot, thead
{
	font-size: 1em;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

th
{
	vertical-align: baseline;
	font-size: 1em;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}
*/

a:link
{
	text-decoration: none; /*color: #191970;*/
	color: #555;
}

a:visited
{
	text-decoration: none;
	color: #555;
}

a:active
{
	text-decoration: none;
	color: #555;
}

a:hover
{
	/*color: #cc6600;*/
	text-decoration: underline;
}

small
{
	font-size: .7em;
}

big
{
	font-size: 1.17em;
}

blockquote, pre
{
	font-family: Courier New, monospace;
}

ul li
{
	list-style-type: square;
}

ul li li
{
	list-style-type: disc;
}

ul li li li
{
	list-style-type: circle;
}

ol li
{
	list-style-type: decimal;
}

ol ol li
{
	list-style-type: lower-alpha;
}

ol ol ol li
{
	list-style-type: lower-roman;
}



/****************************************************
*** Misc
***/


bottom_titles
{
	font-size: 8px;
	font-family: Verdana, Tahoma, Arial;
}

.SectionTitle
{
	color: #2F60B6;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.full-width
{
	width: 98%; 
}

.TableItemheader
{
    border-right: #7b7b7b 0px solid;
    padding-right: 1px;
    border-top: #7b7b7b 0px solid;
    padding-left: 5px;
    font-weight: bold;
    font-size: 13px;
    background-attachment: fixed;
    padding-bottom: 1px;
    margin: 0px;
    border-left: #7b7b7b 0px solid;
    color: #00008b;
    padding-top: 1px;
    border-bottom: #7b7b7b 0px solid;
    background-repeat: repeat;
    font-family: tahoma, arial,sans-serif;
    position: relative;
    background-color: #b0c4de;
    text-align: left;
    text-decoration: none;
}

.TableItem
{
    border-right: #7b7b7b 0px solid;
    padding-right: 1px;
    border-top: #7b7b7b 0px solid;
    padding-left: 5px;
    font-weight: normal;
    font-size: 11px;
    background: white;
    padding-bottom: 1px;
    margin: 0px;
    border-left: #7b7b7b 0px solid;
    color: #00008b;
    padding-top: 1px;
    border-bottom: lightsteelblue 1px solid;
    font-family: tahoma, arial,sans-serif;
    position: relative;
    text-decoration: none;
}

a:link.TableItem
{
    border-right: #7b7b7b 1px solid;
    padding-right: 0px;
    border-top: #7b7b7b 1px solid;
    padding-left: 0px;
    font-weight: normal;
    background: #ffff99;
    padding-bottom: 1px;
    margin: 0px;
    border-left: #7b7b7b 1px solid;
    width: 100%;
    color: #000000;
    padding-top: 1px;
    border-bottom: #7b7b7b 1px solid;
    font-family: arial,sans-serif;
    position: relative;
    text-align: center;
    text-decoration: none;
}

a:visited.TableItem
{
    border-right: #7b7b7b 1px solid;
    padding-right: 0px;
    border-top: #7b7b7b 1px solid;
    padding-left: 0px;
    font-weight: normal;
    background: #ffff99;
    padding-bottom: 1px;
    margin: 0px;
    border-left: #7b7b7b 1px solid;
    width: 100%;
    color: #000000;
    padding-top: 1px;
    border-bottom: #7b7b7b 1px solid;
    font-family: arial,sans-serif;
    text-align: center;
    text-decoration: none;
}

a:hover.TableItem
{
    color: #000000;
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 1px 0px 1px 0px;
    margin: 0 0 0 0;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    font-family: arial,sans-serif;
    width: 100%;
}

/* Task Header */
.TaskHeader
{
    background-image: url('Images/box_grey_header_bgnd.gif');
    background-repeat: repeat-x;
    border-right: #7b7b7b 0px solid;
    padding-right: 1px;
    border-top: #7b7b7b 0px solid;
    padding-left: 1px;
    font-weight: normal;
    font-size: 11px;
    background-attachment: fixed;
    padding-bottom: 1px;
    margin: 0px;
    border-left: #7b7b7b 0px solid;
    color: #00008b;
    padding-top: 1px;
    border-bottom: #7b7b7b 0px solid;
    background-repeat: repeat;
    font-family: tahoma, arial,sans-serif;
    position: relative;
    text-decoration: none;
}

.TaskItem
{
    border-right: #7b7b7b 0px solid;
    padding-right: 1px;
    border-top: #7b7b7b 0px solid;
    padding-left: 1px;
    font-weight: normal;
    font-size: 11px;
    background: white;
    padding-bottom: 1px;
    margin: 0px;
    border-left: #7b7b7b 0px solid;
    color: #696969;
    padding-top: 1px;
    border-bottom: lightsteelblue 1px solid;
    font-family: tahoma, arial,sans-serif;
    position: relative;
    text-decoration: none;
}

a:link.TaskItem
{
    border-right: #7b7b7b 1px solid;
    padding-right: 0px;
    border-top: #7b7b7b 1px solid;
    padding-left: 0px;
    font-weight: normal;
    background: #ffff99;
    padding-bottom: 1px;
    margin: 0px;
    border-left: #7b7b7b 1px solid;
    width: 100%;
    color: #000000;
    padding-top: 1px;
    border-bottom: #7b7b7b 1px solid;
    font-family: arial,sans-serif;
    position: relative;
    text-align: center;
    text-decoration: none;
}

a:visited.TaskItem
{
    border-right: #7b7b7b 1px solid;
    padding-right: 0px;
    border-top: #7b7b7b 1px solid;
    padding-left: 0px;
    font-weight: normal;
    background: #ffff99;
    padding-bottom: 1px;
    margin: 0px;
    border-left: #7b7b7b 1px solid;
    width: 100%;
    color: #000000;
    padding-top: 1px;
    border-bottom: #7b7b7b 1px solid;
    font-family: arial,sans-serif;
    text-align: center;
    text-decoration: none;
}

a:hover.TaskItem
{
    color: #000000;
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 1px 0px 1px 0px;
    margin: 0 0 0 0;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    font-family: arial,sans-serif;
    width: 100%;
}


/****************************************************
*** System Messages
***/


.infoMessage, .successMessage, .errorMessage, .warningMessage
{	
	line-height : 17px;
	border: solid 1px;
	padding: 1px;
	margin:10px 0;
}

.errorMessage
{
	color: #D8000C;
	background-color: #FFBABA;
}

.successMessage
{

	color: #4F8A10;
	background-color: #DFF2BF;
}

.infoMessage
{
	color: #00529B;
	background-color: #BDE5F8;
}

.warningMessage
{
	color: #9F6000;
	background-color: #FEEFB3;
}


/****************************************************
*** Accordion
***/


.AccordionHeader
{
    background-image: url('Images/MainItemBackground.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    border: solid 1px #e5e5e5;
    color: Black;
    cursor: pointer;
    font-family: Arial, Verdana;
    font-size: 11px;
    height: 22px;
    padding: 1px 5px 0px 5px;
    vertical-align: middle;
    width: 100%;
}

.AccordionHeaderSelected
{
    background-image: url('Images/MainItemBackground.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    border: solid 1px #e5e5e5;
    color: Black;
    cursor: pointer;
    font-family: Arial, Verdana;
    font-size: 11px;
    height: 22px;
    padding: 1px 5px 0px 5px;
    vertical-align: middle;
    width: 100%;
}

.AccordionContent
{
    background-color: #FFF;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    padding: 0px 5px;
}

.AccordionTitlePadding 
{
    padding: 0px 10px 6px 10px;
}


/****************************************************
*** Header
***/

/*
.header
{
    width: 100%;
    height: 50px;
    background-color: #f1f1f2;
    background-repeat: repeat-y;
    background-position: center;
    background-image: url('Images/Bg/background_header.png');
    padding: 0 10px 0 10px;
    vertical-align: middle;
}
*/

.CompanyLogo
{
    float: left;
}

.ProductLogo
{
    float: right;
}

.MainHeader
{
    background-image: url('Images/Bg/OtlBlueBar.gif');
    background-repeat: repeat-x;
    color: white; 
    font-family: tahoma, arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    
    padding-bottom:5px;
    padding-top: 5px;
    
    
    border-bottom-color :Gray ;
    border-bottom-width : 5px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
}

.MainLeftHeader
{
    float: left;
    padding: 10px 0px;
}

.MainRightHeader
{
    float: right;
    padding: 5px 5px;
    vertical-align:middle;
    height:32px;
}
/*
.Authentication
{
    background-image: url('Images/OtlBlueBar.gif');
    background-repeat: repeat-x;
    background-position :center;
    border-bottom: solid 2px Gray;
    width: 100%;
    text-align:right;   
}
*/

/*** Main Content
****************************************************/

.main-content
{
    width: 100%;
    border-collapse: collapse;
}

.main-content-title
{
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #636363;
}

.main-content-left
{
    width: 220px;
    vertical-align: top;
    background-image: url('Images/Bg/background_sidebar.png');
    background-repeat: repeat-x;
    background-position: top;
}

.main-content-center
{
    width: 5px;
}

.main-content-right
{
    vertical-align: top;
}

.Toolbar
{
    width: 100%;
}

.ToolbarOriginal
{
    float:inherit;
    background-image: url('Images/OtlBlueBar.gif');
    background-repeat: repeat-x;
    width: 100%;
}

.MainToolbar
{
    clear: left;
    padding-bottom: 5px;
    width: 100%;
}

.MainContent
{
    clear: left;
    float: left;
    padding-bottom: 5px;
    width: 100%;
}

.MainLeftContent
{
    clear: left;
    float: left;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left :0px;
    width: 50%;
}

.MainRightContent
{
    clear: right;
    float: right;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right :5px;
    /*width: 50%;*/
    width: 49%;
}

.MainContentBox
{
    border: solid 2px Gray;
    width: 100%;
}

.MainContentBoxHeader
{
    background-color: #CFCFCF;
	color: #555;
	font-family: tahoma, arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
    height: 25px;
	/*padding: 3px 1px 1px 5px;*/
	padding-bottom :1px;
	padding-top :3px;
	padding-left :0px;
	padding-right :0px; 
	
	border-color : Gray ;
	border-width :1px;
	
	text-align: left;
	text-decoration: none;
    width: 100%;
}

.MainContentBoxHeader a
{
	color: #555;
}

.MainContentBoxContent
{
    width: 100%;
}

.MainPageTable
{
  width:100%;
  border:0;
  margin-left:0px;
  overflow :hidden ;
  position : relative ;
  margin-left : 0px;
}


/****************************************************
*** Sections
***/


.section-header
{
	padding-left: 10px;
	line-height: 25px;
	background-color: #e7f2f7;
}

.section-header h3
{
	margin: 0;
	font-size: 11px;
	font-weight:bold;
	color: #484e54;
}

.section-content
{
	background-color: #f8fcff;
	font-size: 10px;
	color: #33333;
}

.section-content input
{
	font-size: 10px;
	color: #33333;
}


/****************************************************
*** Quick Info
***/


.PanelQuickInfo
{
    /*border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;*/
    /*width: 215px;*/
}

.PanelQuickInfoTitle
{
    background-image: url('Images/MainItemBackground.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    clear: left;
    color: Black;
    float: left;
    font-family: Arial, Verdana;
    font-size: 11px;
    padding: 1px 0px 1px 0px;
    vertical-align: middle;
    width: 100%;
}

.PanelQuickInfoRow
{
    /*background-color: #FFF;*/
    clear: left;
    color: Gray;
    float: left;
    font-family: Arial, Verdana;
    font-size: 11px;
    padding: 4px 0px 1px 25px;
    vertical-align: middle;
    width: 90%;
}

.PanelQuickInfoAlternateRow
{
    /*background-color: #FFF;*/
    clear: left;
    color: Gray;
    float: left;
    font-family: Arial, Verdana;
    font-size: 11px;
    padding: 4px 0px 1px 25px;
    vertical-align: middle;
    width: 90%;
}


/*** Footer
****************************************************/
/*
.footer
{
    padding-top: 4px;
    width: 100%;
    height: 21px;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    font-size: 9px;
    font-weight: bold;
    color: #636363;
    text-align: right;
    background-image: url('Images/Bg/background_footer.png');
    background-repeat: repeat-x;
}
*/