body
{
	background: white;
	width: 90%;
	height: 768;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font: 12px arial,verdana,sans-serif;
	min-width: 1000px;
}

form
{
	margin:0px;
	padding:0px;
}

input, button, textarea {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1em;
	color:#666666;
}

/*  headings */
h1, h2, h3
{
	font-size: 1.6em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.0em;
	margin: 5px 0;
	color: #4371b0;
}

h1 {
	margin-bottom:0;
	
}


h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.1em;
}

.RadGrid .PagerTextBox
{
    width: 20px !important;
}

.RadMenu_Office2007
{
	padding: 0px !important;
}

.RadMenu_Office2007 .rmText
{
	padding: 0px !important;
}

.RadMenu_Office2007 .rmLink img
{
	margin: 0px;
	cursor: hand;
	cursor: pointer;
}

.RadMenu_Office2007 .rmLink:hover,
.RadMenu_Office2007 .rmFocused,
.RadMenu_Office2007 .rmExpanded
{
	border: 0px !important;
}

*+html .RadToolBar .rtbUL
{
	_zoom: 1;
}

div.applicationWrapper
{
	background: url('Images/ApplicationBackground.gif') repeat-x;
	font: normal 11px Arial, Verdana, Sans-serif;
	color: #404040;
	width: 680px;
}

div.menuBar
{
	height: 55px;
	position: relative;
}

div.titleBar
{
	height: 31px;
	margin-left:52px;
	background: transparent url('Images/TitleBarBg.gif') repeat-x;
}

div.titleBar div
{
	float: left;
}

div.titleBar div.cmdBar
{
	width: 128px;
}

/* menu bar toolbar begin */
div.titleBar div.cmdBar ul
{
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	list-style-type: none;
}

div.titleBar div.cmdBar li
{
	float: left;
}

div.titleBar div.cmdBar li a
{
	height: 22px;
	width: 22px;
	display: block;
	background: transparent;
	margin-right: 4px;
}

div.titleBar div.cmdBar li a img
{
	border: 0px;
	margin: 2px;
}

div.titleBar div.cmdBar a:hover
{
	background: transparent url('Images/CmdBarHover.gif') no-repeat;
}

/* menu bar toolbar end */

div.titleBar div.windowControls
{
	width: 300px;
	float:right;
	z-index:1;
	
}
.logo
{
    position:absolute;
    top:1;
    right:0px;
    margin-top:-25px;
    width:131px;
    height:41px;
   z-index:9000; 
}
div.titleBar div.documentTitle
{
	padding-left: 100px;
}

div.ribbonBar
{
	position: relative;
	top: -30px;
	border-left: solid 1px #3b5a82;
	border-right: solid 1px #3b5a82;
	background: url('Images/ribbonBg.gif') repeat-x left 26px;
	
}

.MultipageWrapper
{
	width: 100%;
	position: relative;
	top: -3px;
}

/* ribbon dock begin */
table.ribbonDock
{
	float: left;
	display: inline-block;
	margin-top: 5px;
	margin-left: 2px;
}

table.ribbonDock td
{
	font-size: 1px;
	vertical-align: top;
}

table.ribbonDock td.dockTitle
{
	text-align: center;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #3e6aaa;
	cursor: pointer;
	cursor: default;
	background: #c1d9f1 url('Images/DockTitle.gif') repeat-x;
}

table.ribbonDock td.dockTitle div.titleText
{
	/* float: left; */
}

table.ribbonDock td.dockTitle div.dockGrip
{
	float: right;
	width: 8px;
	height: 16px;
	background: transparent url('Images/DockGrip.gif') no-repeat;
}

table.ribbonDock td.dockTop
{
	background: transparent url('Images/DockTop.gif') repeat-x;
}

table.ribbonDock td.middleLeft
{
	width: 3px;
	background: transparent url('Images/DockMiddleLeft.gif') repeat-y;
}

table.ribbonDock td.middleRight
{
	width: 3px;
	background: transparent url('Images/DockMiddleRight.gif') repeat-y;
}

table.ribbonDock td.toolsContainer
{
	background: #d8e8f5 url('Images/ToolsContainer.gif') repeat-x;
	padding: 7px 4px;
	padding-bottom: 0px;
	height: 60px;
}

table.innerTable td
{
	font: normal 11px Arial, Verdana, Sans-serif;	
}
.dd
{
    height:13px;
    width:50px;
}

/* ribbon dock end */

/* twoToolLines begin */
ul.twoToolLines
{	
	margin: 2px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;		
}

ul.twoToolLines li
{ 	
	padding: 5px 0px 0px 0px;	
	color: #15428b;	
	line-height: 19px;
}

ul.twoToolLines li label
{ 	
	vertical-align: bottom;	
}
/* twoToolLines end */

/* threeToolLines begin */
ul.threeToolLines
{	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.threeToolLines li
{ 	 
	padding: 5px 0px 0px 0px;
	float: none;
	color: #15428b;
}

ul.threeToolLines li label
{ 	
	vertical-align: bottom;	
}
/* threeToolLines end */

/* VerticalToolStack begin */
ul.VerticalToolStack
{	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.VerticalToolStack li
{ 	 
	padding: 0px 0px 1px 0px;
	float: none;
	color: #15428b;
}

ul.VerticalToolStack li label
{ 	
	vertical-align:inherit;
}

ul.VerticalToolStack li img
{
	border: 0px;	
}

ul.VerticalToolStack li a
{
	text-decoration: none;
	display: block;
	color: #15428b;
	text-align:left;
	margin-right: 4px;
	background: transparent;
	width: 90px;
	height: 20px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 0px;
}

.SmallRibbonButtonImageBorder
{
    float:left;
    vertical-align:middle;
}

.SmallRibbonButtonTextBorder
{
    float:left; 
    padding-top:1px;
    padding-left:5px;
    vertical-align:middle	
}

ul.VerticalToolStack li a:hover
{
	background: transparent url('Images/SmallRibbonButtonItemHover-84.gif') no-repeat;	
}

ul.VerticalToolStack li a:hover
{
	color: #404040;
}

ul.VerticalToolStack li a span
{
	display: block;
}

ul.VerticalToolStack li a span.last
{
	margin-top: 0px;
}
/* VerticalToolStack end */

/* VerticalToolStack2 begin */
ul.VerticalToolStack2
{	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.VerticalToolStack2 li
{ 	 
	padding: 0px 0px 1px 0px;
	float: none;
	color: #15428b;
}

ul.VerticalToolStack2 li label
{ 	
	vertical-align:inherit;
}

ul.VerticalToolStack2 li img
{
	border: 0px;	
}

ul.VerticalToolStack2 li a
{
	text-decoration: none;
	display: block;
	color: #15428b;
	text-align:left;
	margin-right: 4px;
	background: transparent;
	width: 98px;
	height: 20px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 0px;
}

ul.VerticalToolStack2 li a:hover
{
	background: transparent url('Images/SmallRibbonButtonItemHover-102.gif') no-repeat;	
}

ul.VerticalToolStack2 li a:hover
{
	color: #404040;
}

ul.VerticalToolStack2 li a span
{
	display: block;
}

ul.VerticalToolStack2 li a span.last
{
	margin-top: 0px;
}
/* VerticalToolStack2 end */

/* most used command tool begin */
ul.mostUsedCommand
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.mostUsedCommand li
{
	float:left;
}

ul.mostUsedCommand li img
{
	border: 0px;
	display:inline-block;
}

ul.mostUsedCommand li a
{
	text-decoration: none;
	display: block;
	color: #15428b;
	text-align: center;
	margin-right: 4px;
	background: transparent;
	width: 62px;
	height: 62px;
	padding-top: 4px;
}

ul.mostUsedCommand li a:hover
{
	background: transparent url('Images/MostUsedBtnHover.gif') no-repeat;
}

ul.mostUsedCommand li a:hover
{
	color: #404040;
}

ul.mostUsedCommand li a span
{
	display: block;
}

ul.mostUsedCommand li a span.last
{
	margin-top: 2px;
}
/* most used command tool end */


div.applicationBottom
{
	height: 20px;
	background: transparent url('Images/FrayedBottom.gif') no-repeat;
	position: relative;
	top: -12px;
	_top: -26px;
}

div#copyright
{		
	position: relative;
	margin: 0px 0px 4px 0px;
	font: normal 11px Arial, Verdana, Sans-serif;
	text-align: center;
	color: #666666;
}

/* page specific */
.app_window
{
	font:12px arial,verdana,sans-serif;	
	color:#15428b;
	padding:5px;
}

/* selection criteria table */
.app_selectionCriteria
{
	font:12px arial,verdana,sans-serif;	
	color:#15428b;
	border-collapse:collapse;	
	margin-bottom:0px;
}

.app_selectionCriteria td
{
	border:solid 1px #9ebfdb;
}

.app_selectionCriteria .app_label
{
	background-color:#d6e6f4;	
	padding-left:5px;
	text-align:left;
	width:100px;
	border:solid 1px #9ebfdb;
	height:15px;
}

.app_selectionCriteria .app_field
{
	padding:0px;
}

/* simple two column input form */

table.app_inputForm
{
    margin:0px 0px 0px 0px;            
    border-collapse:collapse;  
}

table.app_inputForm tr.row>td:first-child
{            
    padding:0px 5px 0px 5px;
    text-align:left;            
}

table.app_inputForm tr.row>td
{                                 
}
   
.app_formButtons
{
    padding: 5px 0 0 5px;
}
   
/* simple form frame (single pixel) */
.app_formFrame
{
	margin: 5px;
	padding: 1px 5px 5px 5px;
	border: solid 1px #CCCCCC;
}

.app_formSubFrame
{
	margin: 3px 3px 3px 3px;
	padding: 1px 5px 5px 5px;
	border: solid 2px #E1E1ED;
	background-color: #F9F9FB;
}

.app_formFrameNoPadding
{
	margin: 5px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #CCCCCC;
}

.app_formFramePaddingOnly
{
	margin: 0px;
	padding: 1px 5px 5px 5px;
	border: 0px;
}

.app_formFrameBottomPaddingOnly
{
	margin: 5px;
	padding: 0px 0px 5px 0px;
	border: solid 1px #CCCCCC;
}

.app_formCenter
{
	position: relative;
	margin: 0px 0px 0px 0px;
	text-align: center;		
}
	
.app_formFrameSeparator
{
	margin: 1px;
	padding: 1px;
}

.app_masterFrameBottom
{
	margin: 0px;
	padding: 0px;
	border-width: 0px 0px 1px 0px;
	border: solid #3B5A82;
}

.app_loginFrame
{
    padding: 4px;
	border-width: 0px 0px 0px 0px;
	border: solid 2px #DDDDDD;
	background-color: #F6F8FA;
	margin:12px 0px 8px 0px;
}

/* misc */
.app_valignMiddle
{
    vertical-align:middle;
}

.vscroll
{
	overflow-y:scroll;
	height:540px;
}

.app_buttonBorderRight
{
	float:left;
	padding:1px 0px 4px 0px;
	margin:0px 2px 0px 0px;
}

.app_buttonBorder
{
	float:left;
	padding:1px 0px 4px 2px;
	margin:0px 6px 0px 0px;
}

.app_buttonTopLine
{
	border-bottom-style: solid;
	border-bottom-color:#AEAEAE;
	border-bottom-width: 1px;
	margin: 0px 1px 0px 1px;
}

.app_buttonBody
{
	border-left-style: solid;
	border-left-color:#AEAEAE;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color:#AEAEAE;
	border-right-width: 1px;
	background-color:white;
	padding: 2px 5px 2px 22px;
	cursor:pointer;
	background-repeat:no-repeat;
}

.app_buttonBodyEditor
{
	border-left-style: solid;
	border-left-color:#AEAEAE;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color:#AEAEAE;
	border-right-width: 1px;
	height:15px;
	background-color:#F5F5F5;
	padding: 2px 5px 0px 22px;
	cursor:pointer;
	background-repeat:no-repeat;
}

.app_buttonBottomLine
{
	border-top-style: solid;
	border-top-color:#AEAEAE;
	border-top-width: 1px;
	margin: 0px 1px 0px 1px;
}
.RadGrid  th  input
{
      margin: 0;
      padding: 0;
      height: 14px;
}

/* Added By Vadim ER # 48456 */
.RadGrid .RadGridButtonStyle td
{
	font-size:12px;
	padding-bottom: 4px;
}

.app_gridButton,
.RadGrid .RadGridButtonStyle a
{
    color:Black;
	padding: 1px 5px 2px 22px;
	border: 1px solid #AEAEAE;
    background-Color:White;
    background-image  : url('Images/button_image_cross.gif');
	background-repeat:no-repeat;
	background-position:left center;
	font-family:arial,verdana,sans-serif;	
	font-size:11px;
	text-decoration:none;
	line-height:19px;
	cursor:pointer;	
}

.app_gridCancelButton
{
    background-image  : url('Images/button_image_cross.gif');
}

.app_gridButtonNoImage
{
	padding-left: 2px;
    background-image  : none;
}

.app_gridUpdateButton,
.RadGrid .RadGridButtonStyle a:first-child
{
    background-image  : url('Images/button_image_edit.gif');
}

.app_gridAddButton
{
    background-image  : url('Images/button_image_add.gif');
}

.app_gridSubButton
{
    background-image  : url('Images/button_image_sub.gif');
}

.RadGrid .RadGridButtonStyle a[id $= PerformInsertButton]
{
    background-image  : url('Images/button_image_add.gif');
}

/* IE6 only */
* html .RadGrid .RadGridButtonStyle a
{
    background-image  : expression(this.id.indexOf("PerformInsertButton") > 0 ? "url('Images/button_image_add.gif')" : this.previousSibling == null ? "url('Images/button_image_edit.gif')" : "url('Images/button_image_cross.gif')");
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DIV, INPUTS, FONTS CONTENT (FOR FIELDSET PURPOSE)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.float 
{
	float: left;
	padding:1px;
	vertical-align:top;
} 

div.spacer 
{
	clear: both;
}
div.line 
{
	padding-top:2px;
	border-top: 1px solid #AEAEAE;
	padding-bottom :2px;
	clear : both;
}
div.divide 
{
	clear: both;
	height:5px;
}


input.okbutton
{
	background:White url(/PIOfficeMailUser/images/button_image_tick.gif) center left no-repeat;
	height:20px;
	width:80px;
	border-bottom-style: solid;
	border-bottom-color:#AEAEAE;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color:#AEAEAE;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color:#AEAEAE;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color:#AEAEAE;
	border-right-width: 1px;
	background-color:white;
	padding: 2px 5px 2px 5px;
	cursor:pointer;
}

input.cancelbutton
{
	background:White url(/PIOfficeMailUser/images/button_image_cross.gif) center left no-repeat;
	height:20px;
	width:80px;
	border-bottom-style: solid;
	border-bottom-color:#AEAEAE;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color:#AEAEAE;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color:#AEAEAE;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color:#AEAEAE;
	border-right-width: 1px;
	background-color:white;
	padding: 2px 5px 2px 5px;
	cursor:pointer;

}



.labeltext
{
	font-size: xx-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*line-height:1.1em;*/
	margin:5px 0;
	display: block;
}


.inputtext
{
	color: Black;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0;
	font-weight:bold;
	display:block;
}

.RadGrid .PagerTemplate
{
    padding: 0px 6px 0px 6px;
}

.PagerTemplate_PageSize
{
    margin-top: 2px; 
    float: left; 
    margin-right: 3px;
}

.PagerTemplate_ItemsNumber
{
    float: right;
}

.PagerTemplate_PageNumber
{
    margin: 0px; 
    padding: 1px 0px 0px 0px;
    float:left;
    margin-right:10px;
    width:300px
}

.PagerTemplate_PagerButton
{
    padding: 1px;
    cursor: pointer;
    border: 0px;
    background:transparent url(images/pager_first.gif) no-repeat scroll center;
    width: 20px;
    height:20px;
    vertical-align:middle;
}

.PagerTemplate_PagerButton:hover
{
    border: 1px solid #9EB6CE;
    padding: 0px;
}

.PagerTemplate_FirstPage
{
    background:transparent url(images/pager_first.gif) no-repeat scroll center;
}

.PagerTemplate_PrevPage
{
    background:transparent url(images/pager_prev.gif) no-repeat scroll center;
    margin-right: 6px;
}

.PagerTemplate_NextPage
{
    background:transparent url(images/pager_next.gif) no-repeat scroll center;
}

.PagerTemplate_LastPage
{
    background:transparent url(images/pager_last.gif) no-repeat scroll center;
}