body {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11pt;
	 color: Black;
}
.HTMLeditorBody
{
	background-image: none;
}
a:link, a:active {
	  color : #010101;
      text-decoration: none;
}
a:visited  {
	  color : #707070;
      text-decoration: none;
}
a:hover {
      color: #00483A;
      text-decoration: underline;
}

hr
{
	height: 2px;
    color: #D0D0D0;
    background: #D0D0D0;
    font-size: 0;
    border: 0;
    margin: 20px 10px 20px -11px;
    display:none;
}

#TableCell22
{
	width:365px;
}

.mkz-color {
	color: #00483A !important;
}

.tableTableHeader a:Link,
.tableTableHeader a:Visited,
.tableTableHeader a:Active,
.tableTableHeaderSml a:Link,
.tableTableHeaderSml a:Visited,
.tableTableHeaderSml a:Active
{
      color: white;
      text-decoration: none;  
      font-weight: normal;
}
.tableTableHeader a:Hover, .tableTableHeaderSml a:Hover
{
      text-decoration: underline;  
}

#TreeViewDiv
{
	background-color: GreySmoke; 
	/*border: 1px solid #00483A; */
	padding-top: 5px; 
	padding-bottom: 5px;
}

.tableMain
{
	background-color: #FDFDFD;
	margin-bottom: 20px;
	height: 600px;
}
.tableMistress
{
	background-color: #FDFDFD;
}

.tableBorder
{
	border: 1px solid #00483A;
	padding: 4px;
	margin-bottom: 10px;
}
/* Layers */


.layerMain
{
	background-color: #FDFDFD;
    border-radius: 1px;
	padding: 10px 5px 10px 10px;
}

.layerMainRight
{
	line-height: 15pt;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	background-color: #00483A;
	position: fixed;
	border-radius: 3px;
}

.layerMainRightInner
{
	width:290px;
	margin-top:0px;
	border-radius: 3px;
}

.layerHeader
{
	background-color: #FEFEFE;
	height: 124px;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

.countdown
{
	/* empty for this build */	
}

#TableMainCell11
{
	height:124px;
}


.layerPanelNC,
.layerPanelNCRight
{
	line-height: 15pt;
	padding: 10px 10px 10px 10px;
	background-color: #FEFEFE;
}
.layerPanelNCRight
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 3px;
}

#LetterCkEditor
{
	background-color:blue;
}

.LetterEditor
{
	position:relative;
	left: 3px;
}

.LetterEditorHolder
{
	position: relative; 
	left: -3px; 
	top: 0px; 
	width: 100%;
	height: 100%; 
	padding: 4px 4px 4px 4px;
}

/** MAIN MENU STYLING **/

#MainMenuList
{
	list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: #00483A;
    height:40px;
    overflow:hidden;

}
#MainMenuList li
{
	background-color:#00483A;
	float:left;
	height:40px;
	padding: 10px 10px 0px 10px;
	margin: 0px 10px 0px 10px;			
}
#MainMenuList li:hover a
{
	/*color:Black;*/
}
#MainMenuList li ul li:hover a
{
	color:white;
}
#MainMenuList li:hover
{	
	/*background-color:#C8C8C8;	*/
}
#MainMenuList li:first-child
{	
}
#MainMenuList li:last-child
{
}
#MainMenuList li:hover ul
{
	display:block;	
	position:absolute;
	padding:0px;
	margin:12px 0px 0px 10px;
}
#MainMenuList li:hover ul li a
{
	margin: 0px 0px 0px 10px;
}
#MainMenuList li a
{
	color:White;
	text-decoration:none;
	padding-top:0px;
	font-size: 16px;
}
#MainMenuList li ul
{
	display:none;
}
#MainMenuList li ul li a
{
	display:block;
}
#MainMenuList li ul li
{
	/*background-color:#C8C8C8;*/
	list-style-type: none;
	width:250px;
	clear:left;
	margin: -5px 0px 0px -20px;
	padding-top: 5px;
	height:28px;		
}
#MainMenuList li ul li:hover
{
	background-color:#50B948;	
	cursor:pointer;	
}
#ComposeLetters
{
	/*display:none;*/
}

#ComposeCards
{
	display:none;
}

#CustomCompose
{
	display:none;
}

.layerMainMenu,
.layerMainMenuLeft,
.layerMainMenuRight
{
	width: 100%;
	height: 40px;
	position: absolute;
	top: 85px;
	background-color: #00483A;
	padding-top:2px;
	border-radius: 3px;
}
.layerMainMenuLeft
{
	width: 80%;
	left: 0px;
	float: left;
}
.layerMainMenuRight
{
	width: 20%;
	right: 0px;
	float: right;
	vertical-align: bottom;
	text-align:right;
	padding-right: 10px;
	/*margin-top: 2px;*/
}
.layerCurrentDate
{
	width: 300px;
	height: 20px;
	right: 10px;
	top: 0px;
	position: absolute;
	font-size: 8pt;
	color: black;
	text-align: left;
}

.layerToolbarMain
{
	vertical-align: middle;
	height: 25px;
	right: 5px;
	top: 55px;
	position: absolute;
	font-size: 10pt;
	color: black;
	text-align: right;
}

.dateClass
{
	color: Black;
	text-align: left;
	font-size: 1em;
	font-weight:bold;
}

#HomeLink
{
	/*display:none;*/
}

.MenuImage
{
	display:none;
}

.ImpersonateDropDown
{	
	/*display:none;*/
}

.layerFooter
{
	margin-top: 10px;
	width: 100%;
	height: 30px;
	position: relative;
	padding-top: 0px;
	font-size: 9pt;
	clear: both;
	text-indent: 10px;
}
.layerFooterInsetRight
{
	top: 0px;
	right: 0px;
	position: absolute;
	text-align: right;
}
.layerPleaseWait
{
	width: 250px;
	height: 60px;
	position: fixed;
	z-index: 200;
	top: 50%;
	left: 50%;
	margin-left:-125px;
	margin-top:-30px;
	visibility: hidden;	
}
.layerPopup
{
   	border-style: solid;
    border-radius: 3px;
	border-color: #00483A;	
	background-color: #FDFDFD;
	color: black;
	line-height: 15pt;
	padding: 10px 10px 10px 10px;
	visibility: hidden;
	z-index: 200;
}

.layerPopupJQ
{
    border-style: solid;
    border-radius: 3px;
	border-color: #00483A;	
	background-color: #FDFDFD;
	color: black;
	line-height: 15pt;
	padding: 10px 10px 10px 10px;
	z-index: 200;
}
.layerPopupButtons
{
	width: 100%;
	height: 40px;
	text-align: right;
}
.layerPopupBodyMax
{
	font-size: 8pt;
	color: black;
	line-height: 14pt;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
.layerPopupBodyMaxRight
{
	font-size: 8pt;
	color: black;
	line-height: 14pt;
	width: 575px;
	padding-left: 10px;
	padding-right: 5px;
	float: left;
	text-align: right;
}
.layerPopupTitleBar
{
	font-size: 10pt;
	font-weight: bold;
	color: white;
	padding-top: 6px;
	margin-bottom: 10px;
	height: 24px;
	background-color: #00483A;
	border-bottom: #9997b5 1px solid;
}
.layerPopupIcon
{
	width: 16px;
	position: relative;
	height: 16px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 5px;
	float: left;
}

.layerWPToolbar,
.layerWPToolbarLeftInset,
.layerWPToolbarRightInset
{
	width: 100%;
	background-color: #00483A;
	height: 32px;
	position: relative;
	top: 0px;
}
.layerWPToolbarLeftInset
{
	left: 0px;
	position: absolute;
	padding-left: 10px;
	text-align: left;
	font-size: 8pt;
	color: black;
	vertical-align: middle;
	line-height: 32px;
}
.layerWPToolbarRightInset
{
	width: 150px;
	right: 0px;
	position: absolute;
	padding-right: 10px;
	text-align: right;
	font-size: 8pt;
	color: black;
	vertical-align: middle;
	line-height: 32px;
	z-index: 100;
}

.layerPageSectionTitle
{
	text-align: right;
	float: right;
	color: SteelBlue;
	font-weight: bold;
}

.layerHorizontalSpacer
{
	width: 100%;
	height: 10px;
}

.layerHorizontalSpacerWhite
{
	width: 100%;
	height: 10px;
	/*width: 100%;
	height: 10px;
	background-color:white;*/
}

.layerHorizontalLine
{
	width: 300px;
	position: relative;
	height: 20px;
	clear: both;
	background-image: url(images/components/dot_blue.gif);
	margin-left: 10px;
	margin-right: 10px;
}
.layerHorizontalLineMid
{
	width: 100%;
	position: relative;
	height: 30px;
	clear: both;
	background-image: url(images/components/dot_blue.gif);
}
.layerHorizontalLineMax
{
/*	width: 575px; */
	position: relative;
	height: 20px;
	clear: both;
	background-image: url(images/components/dot_blue.gif);
	margin-left: 10px;
	margin-right: 10px;
}
.layerRecipientPanel
{
	left: 129px;
	width: 245px;
	position: absolute;
	top: 328px;
	height: 135px;
}

/* Tables */
.tableTableHeader
{
	color: white;
	font-weight: bold;
	height: 30px;
	max-height: 30px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
	background-color: #00483A;
	text-indent: 10px;
}
.tableTableHeader th
{
	text-align:left;
	font-weight: normal;
	height: 30px;
	max-height: 30px;
	line-height: 30px;
}

.tableFilterHeader
{
	color: white;
	padding-right: 2px;
	padding-left: 2px;
	text-align: left;
	vertical-align: middle;
	background-color: #00483A;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	background-repeat:repeat;
	text-indent: 2px;
	border-radius: 3px;
}
.tableRowOdd,
.tableRowOddSelectable {
	color: DimGray;
	height: 25px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
	background-color: white;
	text-indent: 10px;
	background: #FCFCFC;
}
.tableRowEven, 
.tableRowEvenSelectable {
	color: DimGray;
	height: 25px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
	text-indent: 10px;
	background: #ECECEC;
}

.tableRowOdd td, 
.tableRowEven td {
	border-left: 1px solid Gainsboro;	
	border-right: 1px solid Gainsboro;	
}

.GridViewStyle, .GridViewStyle ,
.GridViewStyle2, .GridViewStyle2 
{
	border: 0;
}

.tableRowOddSelectable td, 
.tableRowEvenSelectable td {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 1px solid Gainsboro;	
	border-right: 1px solid Gainsboro;	
}

.tableRowNoIndent {
	text-indent: 0px;
}
.tableTableFooter {
	font-size: 8pt;
	color: white;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
	background-color: #00483A;
}

.tableTableHeaderSml
{
	font-size: 9pt;
	color: white;
	height: 24px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	background-color: #00483A;
	/*background-image: url(images/components/toolbar_middle.gif);
	background-repeat: repeat-x;*/
	width: 100%;
	text-indent: 2px;
}

.tableRowOddSml {
	font-size: 11px;
	color: DimGray;
	height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
	background-color: white;
	text-indent: 2px;
}
.tableRowEvenSml {
	font-size: 11px;
	color: DimGray;
	height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
	text-indent: 2px;
}
.tableTextField 
{
	padding-left: 10px;
	text-indent: 0px;
}

.layerScrollingTable
{
	overflow-y:scroll;
	width:100%;
	max-height:285px;
}

/* Image */
.imgBrandLogo
{
	position: absolute;
}
.imgOrganisationLogo
{
	right: 0px;
	position: absolute;
	width:240px;
	text-align: right;
}

/* Text */
.textHeading1
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 26pt;
	color: #00483A;
	font-weight: bold;
	text-align: left;
	line-height: 28px;
}
.textHeading2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19pt;
	color: #00483A;
	font-weight: bold;
	text-align: left;
}
.textHeading3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #00483A;
	font-weight: bold;
	text-align: left;
}
.textHeading4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #00483A;
	font-weight: bold;
	text-align: left;
}
.textHeading5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #00483A;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}
.textHeading6,
.textHeading6right,
.textHeading6centre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #00483A;
	font-weight: bold;
	text-align: left;
}
.textHeading6right
{
	text-align: right;
}

.textHeading6centre
{
	text-align: center;
}

a.text_hyperlink:Link , a.text_hyperlink:Active {
	color: #010101;
}
a.text_hyperlink:Visited  {
	color: #6969FF;
}
a.text_hyperlink:Hover {
	color: #00483A;
	
}
a.text_disabled_hyperlink 
{
	color: DimGray;
}
.letterheadLabel
{
	font-size: 11pt;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.text8pt
{
	font-size: 8pt;
}
.text10pt, .text10ptGrey
{
	font-size: 10pt;
	line-height: 15pt;
}
.text10ptGrey
{
	color: DimGray;
}
.txt_error {
	color: Red;
	text-align: center;
	width: 100%;
}
.text8ptGrey
{
	font-size: 8pt;
	vertical-align: middle;
	color: DimGray;
}
.text9ptRed 
{
	font-size: 9pt;
	vertical-align: top;
	color: #00483A;
	font-weight: bold;
	text-align: center;
	height: 18px;
}

.radioText11
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #00483A;
	/*font-weight: bold;*/
	text-align: left;
	/*margin-top: 160px;*/
	line-height: 14pt;
}

.text_link_10 {
	font-size: 10px;
	line-height: 15px;
}
a.text_link_10:Link {
	color: #010101;
}
a.text_link_10:Visited {
	color: #6969FF;
}
a.text_link_10:Hover {
	color: #00483A;
}
a.text_link_10:Active {
	color: #010101;
}
.textFormElement
{
	color: Black;
}
.textFormElementRight
{
	float: right;
	color: black;
}
.textFormTextBox,
.textFormTextBoxColour,
.textFormDropDown
{
	font-size: 13px;
	padding: 3px;
	color: black;
	background-color:#FFF;
	border:1px solid #999;
    border-radius: 1px;
    resize: none;
}

.textFormTextBox
{
	min-height: 17px;
}

.tableCellColour
{
	background-color:#FDFDFD;
}

.textFormTextBoxColour:focus
{
	background-color:#FDFDFD;
}

.textFormElement12
{
	font-size: 12pt;
	color: black;
}

.textFormLabel, 
.w120, 
.textFormLabelLeft, 
.textFormLabelOffsetLeft
.fieldName
{
	color: #00483A;
	text-align: right;
	line-height: 14pt;
	font-size: 11pt;
}

.textFormLabelLeft, 
.textFormLabelOffsetLeft
{
	color: #00483A;
	text-align: left;
	margin-bottom:2px;
}

.textFormLabelOffsetLeft
{
	margin-left: 20px;
}

.fieldName
{
	display:block;
	float: left;
	width: 163px;
	padding-right: 10px;
}
/* Advanced HTML Editor */
.dmx_btn     { width: 22px; height: 22px; border: 1px solid #CF9EC7; margin: 0; padding: 0; background-color: #CF9EC7; }
.dmx_btnOver { width: 22px; height: 22px; border: 1px outset #B675AE; margin: 0; padding: 0; background-color: #B675AE; }
.dmx_btnDown { width: 22px; height: 22px; border: 1px inset #B675AE; margin: 0; padding: 0; background-color: #B675AE; }
.dmx_btnNA   { width: 22px; height: 22px; border: 1px solid #CF9EC7; margin: 0; padding: 0; background-color: #CF9EC7; }
.dmx_menuBar { height: 30px; background-color: #CF9EC7; }

/* Calendar */

.kw_img {
	border: 0px;
}
.kw_cal_a {text-decoration: none;}

#kwon a:link, #kwon a:visited {
	text-decoration:none;
	display:block;
	color: DimGray;
}
#kwon a:hover {
	background-color:#ee1a2e;
	color: #FFFFFF;
	text-decoration:none;
}
.kw_cal_wkendon {
	background-color:#ededf3;
	color: #FFFFFF;
}
.kw_cal_wkendoff {
	background-color:#ededf3;
	color: #FFFFFF;
}
.kw_cal_off {
	background-color:#f3f3f7;
}
.kw_cal_on {
	background-color: #f3f3f7;
}
.kw_cal_wktitle {
	background-color: #9997b5;
	color: #FFFFFF;
	font-weight: bold;
}
.kw_cal_mnth {
	background-color:#ededf3;
}
.kw_cal_yr {
	background-color:#ededf3
}
.kw_cal_ntmoff {
	background-color:#d7d7e5
}
.kw_cal_ntmon {
	background-color:#d7d7e5
}
.kw_cal_today {
	color: #FFFFFF;
}
.kw_cal_special {
	background-color:#0053a1;
}
.kw_cal_tbl2 {
	border: 1px solid #7c7c94;
	font-size: 7pt;
	text-align: center;
	background-color: #FFFFFF;
}
.kw_select {
	font-size: 7pt;
}
.archive 
{
	display:block;
	background:url('/images/treeview/archive.gif') center top no-repeat;
	height:16px;
	width:16px;
}
.archive:hover 
{
	background:url('/images/treeview/archive_open.gif') center top no-repeat;
}
.deleteLink 
{
	display:block;
	background:url('/images/page_buttons/delete.gif') center top no-repeat;
	height:19px;
	width:16px;
}
.deleteLink:hover 
{
	background:url('/images/page_buttons/delete-drop.gif') center top no-repeat;
}
.scrollingTextField
{
	overflow-x:scroll;
}
.truncatedTextField
{
	white-space: nowrap; 
	overflow:hidden;
	text-overflow: ellipsis; 
}
#tsh_front_container, #tsh_continuation_container
{
	position:relative;
	width:158px;
}
.thumbScroller 
{
	position:relative;
	overflow:hidden;
}
.thumbScroller .container
{
	position:relative; 
	left:0;
}
.thumbScroller .content
{
	float:left;
}

.thumb
{
	border: 1px solid Black;
	width:120px;
	background-size: contain;
	vertical-align: middle;
}

.cover
{
	border: 1px solid Black;
	width:120px;
	background-size: contain;
	vertical-align: middle;
	margin:5px 2px;
}
	
.thumbEnvelope
{
	border: none;
	width:300px;
	height:200px;

	min-width:100%; min-height:100%; height:auto;
}

.downloadFile
{
  margin:2px;
  height:80px;
  width:125px;
  float:left;
  text-align:center;
}
.downloadempty
{
	opacity:0.5;
	filter:alpha(opacity=40);
}


.countDown
{
	padding-top: 5px;
	margin-bottom: 0px;
	width: 100%;
	color: Black;
	text-align: left;
	font-size: 1em;
}

.addressarea
{
	border: 2px solid;
	border-color: #010101;
	z-index: 2; 
	position:absolute; left: 12mm; top: 44mm;  width: 84mm; height: 41mm;
	background-color:white;
	text-align:left;
	border-radius: 8px;
	padding: 4px 4px 4px 4px;
}

.fltlft {
	float: left;
}

.fltrt {
	float: right;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.panel {
	border:1px solid Silver;
	padding: 8px 10px 10px 10px;
    border-radius: 1px;
	background:#FDFDFD
}

input[type!="image"] {
	font-size: 13px;
	padding: 3px;
	border:1px solid #999;
    border-radius: 1px;
}

input:focus {
	box-shadow: rgba(212,52,52, 0.7) 0px 0px 3px;
	-moz-box-shadow: rgba(212,52,52, 0.7) 0px 0px 3px;
	-webkit-box-shadow: rgba(212,52,52, 0.7) 0px 0px 3px;  
	border:1px solid #666;
}

/* BUTTON */

.button,
.button_sml,
.button_fixedlen,
.button_fixedlenwide,
.button_fixedlennarrow,
.button_queue,
.button_queuesmall 
{
	background-color: #00483A;
	border: 1px solid #00483A;
	border-radius: 3px;
	color: White;
	font-size: 14px;
	line-height: 1;
	padding: 8px 4px 8px 4px;
	margin : 4px 4px 4px 4px;
	text-align: center;
}
.button_noMargin
{
	margin:0px;
}

.button_sml
{
	font-size: 12px;
	padding: 6px 3px 6px 3px;
}

.button_queue 
{
	margin: 0px 10px;
	min-width:80px;
	padding: 4px 3px 4px 3px;
}

.button_queuesmall 
{
	margin: 0px 0px;
	min-width:20px; 
	max-width:20px; 
	padding-left:0px; 
	padding-right:0px; 
	padding: 4px 3px 4px 3px;
}

.button_fixedlen {
	min-width:150px;
	max-width:150px;
}

.button_fixedlenwide {
	min-width:190px;
	max-width:190px;
}
.button_fixedlennarrow {
	min-width:80px;
	max-width:80px;
}


.button:hover, 
.button_sml:hover, 
.button_fixedlen:hover,
.button_fixedlenwide:hover,
.button_fixedlennarrow:hover,
.button_queue:hover
{
    background-color: #50B948;
    border-color: #50B948;
    cursor: pointer;
}
.button:active, 
.button_sml:active, 
.button_fixedlen:active,
.button_fixedlenwide:active,
.button_fixedlennarrow:active,
.button_queue:active
{
    background-color: #50B948;
}
.button:disabled, 
.button_sml:disabled ,
.button_fixedlen:disabled,
.button_fixedlenwide:disabled,
.button_fixedlennarrow:disabled,
.button_queue:disabled
{
	background-color: DarkGray;
	border-color: DarkGray;	
	color: Gray;
}
.button:disabled:hover,
.button_fixedlen:disabled:hover,
.button_fixedlenwide:disabled:hover,
.button_fixedlennarrow:disabled:hover,
.button_queue:disabled:hover,
{
	cursor:default;
}

.timeLeft, .timeLeftSoon 
{
	color: Black;
}
.timeLeftSoon
{
	font-weight: bold;
	color: #010101;
}


.layerLogin
{
	position: absolute; 
	top: 20px; 
	left: 50%; 
	width: 600px;
	margin-left: -300px;"
	background-color: White;
	border-style: none;
	padding: 10px 5px 10px 10px;

}

#login_container {
	position: absolute; 
	top: 20px; 
	left: 50%; 
	width: 600px;
	margin-left: -300px;"
	border-style: none;
	border-radius: 3px;
	background-color: #404040;/*#00483A;*/
	padding: 10px 10px 10px 10px;
}

#login_inner {
	border-style: none;
	border-radius: 3px;
	background-color: White;
}

#login_header {
	height: 80px;
	margin: 16px;
}

#login_left {
	border-style: none;
	width: 240px;
	margin: 0px 0px 20px 20px;
	float: left;
}
#login_right {
	border-style: none;
	width: 300px;
	height: 410px;
	margin: 0px 20px 20px 0px;
	float: right;
}
#loginPanel {
	border: solid 2px #404040;
	background-color: White;
}
#loginPanel input[type=text]
{
	width:210px;
}
#loginPanel input[type=password]
{
	width:210px;
}
#loginPanel #cmdLogin
{
	background-color: #404040;
	border-color: #404040;
}
#loginPanel #cmdLogin:hover
{
	background-color: #000000;
	border-color: #404040;
}
#forgotPanel {
	border: solid 2px #404040;
	margin-top: 20px;
	background-color: White;
}
#forgotPanel input[type=text]
{
	width:210px;
}
#forgotPanel #cmdResetPassword
{
	background-color: #404040;
	border-color: #404040;
}
#forgotPanel #cmdResetPassword:hover
{
	background-color: #000000;
	border-color: #404040;
}
#aboutPanel {
	border: solid 2px #404040;
	background-color: White;
}

#login_logo {
	border-style: none;
	text-align: right;
	margin-top: 20px;
}
#login_footer {
	border-style: none;
	margin: 6px;
	font-size: 12px;
}
.login_h1 {
	font-size: 28px;
	color: #404040; /*#00483A;*/
	padding-bottom: 10px;
	line-height: 34px;
}
.login_h2 {
	font-size: 22px;
	color: #404040; /*#00483A;*/
	padding-bottom: 10px;
	line-height: 25px;
}

span.borderedLabel 
{
	border-radius: 1px; 
	border: 1px solid Silver; 
	margin: 5px 0px 5px 0px; padding: 2px 5px;
}
div.cke_editable:hover
{
	box-shadow:  0px 0px 3px 3px #00483A;
}
*+html div.cke_editable:hover
{
	background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#f2a299, Strength=5, Direction=0),
           progid:DXImageTransform.Microsoft.Shadow(Color=#f2a299, Strength=5, Direction=90),
           progid:DXImageTransform.Microsoft.Shadow(Color=#f2a299, Strength=5, Direction=180),
           progid:DXImageTransform.Microsoft.Shadow(Color=#f2a299, Strength=5, Direction=270),
           progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');
}
@media \0screen 
{
	div.cke_editable:hover
	{
		background-color: #ffffff;
		filter: progid:DXImageTransform.Microsoft.Shadow(Color=#f2a299, Strength=5, Direction=0),
			   progid:DXImageTransform.Microsoft.Shadow(Color=#f2a299, Strength=5, Direction=90),
			   progid:DXImageTransform.Microsoft.Shadow(Color=#f2a299, Strength=5, Direction=180),
			   progid:DXImageTransform.Microsoft.Shadow(Color=#f2a299, Strength=5, Direction=270),
			   progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');
	}
}

/****** Template Previews *******/



#PreviewPage2
{
	width:100%; 
	padding-left:0px;	
	position:relative;
	top:5px;
}

#PreviewPage2 img
{
	float:right; 
	max-width:100%; 
	max-height:250px;
	margin-top:20px;
	margin-bottom:20px;
}

#TemplatePreviews
{
	width:585px;
	height:490px; 
	overflow-y:auto;
	position: fixed; 
	top: 25%; left: 50%; 
	margin-top: -250; 
	margin-left: -280px; 
	z-index:999; 
	background-color:#FDFDFD;
	padding-left:20px; 
	border: 2px solid silver;
	visibility:hidden;
}

#TemplatePreviews input
{	
	position:relative;	
	left: 50%;	
	margin-left: -253px; 
	width:485px;
	cursor:pointer;
}

#PreviewsHeader
{
	font-size:20px;
	color:Gray;
}

.TemplatePreviewImage
{
	width:170px;	 
	cursor:pointer;
	border: 1px solid silver;
	visibility:hidden;	
}

.TemplateCategoryHeader
{
	color:#010101;
	font-size:20px;	
}

.btnPrev
{
	height:80px;
	width:7px;
	margin-top:50%;
	margin-bottom:50%;
	cursor:pointer;
}

.btnNext
{
	height:80px;
	width:7px;
	margin-top:50%;
	margin-bottom:50%;
	cursor:pointer;
}

#Side2PreviewLarge
{
	display:none;
}


.imgPreviewPage2
{
	width:742px; 
	margin:15px 0px 20px 3px; 
	border:1px solid silver;
	display:none;
}


/* hide template drop down list */

.ButtonOnlyTemplates
{
	/*display:none;*/
	display:inline-block;
	width:100%;
}


/**** Compose Page Optional Additions ****/

/* Show start here info */

#StartHere
{
	color:#00483A;
	font-size:13px;
	margin-left:0px;
	display:none;
}

#StartHere h1
{	
	padding:0px;
	font-weight:normal;
	font-size:40px;
	margin-bottom: 5px;
	display:none;
}



/* Name of mail item */

#NameContainer
{
	text-align:left;
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom:-10px;
	background-color:white;
	border-top:10px solid #00483A;
	padding:12px 17px 6px 10px;
}

.namePostcard
{
	/*color:Gray;*/
	padding:0px;
	font-weight:normal;
	/*font-size:18px;*/	
	width:100%;
	text-align: left;
}

.namePostcardtxt
{
	border:1px solid gray;
	width: 100%;
	padding:3px;	
	text-align:left;
	margin-top:5px;
	margin-bottom:10px;
	
}

/* maximum sheets info label */

#ContentPlaceHolder2_MaxSheets_label
{
	display:inline-block;
	width:100%;	
	margin:10px 0px 10px 0px;
}


/* style options */

.options
{
	/*background-color:#EBEBEB;
	padding:0px 0px 0px 23px;
	color:Gray;
	font-weight:normal;
	font-size:23px;	
	height:60px;*/
}

.optionsHeader
{
	/*color:Gray;
	padding:20px 0px 0px 0px;
	font-weight:normal;
	font-size:23px;*/
}

.chk
{
	/*color: #e51c23;*/
}

.chk input:checked
{
	/*background-color:#e51c23;*/
}

.rl td
{
	min-width:100px;	
}


/* Find recipient popup */

#ContentPlaceHolder1_letter_editor1_Find_recipient1_TextBox1
{	
	width:178px;
}

/* Information icon and hover text */

.Question
{
	z-index:9999;
	cursor:pointer;
	display:none;
}

.QuestionText
{
	min-width:260px;
	max-width:260px;
	min-height:71px;
	z-index:99999;
	display:none;
	color:White;
	font-size:0.9em;
	padding:10px;
	background-color:gray;
	display:none;
}

/* User guidance icons */

.StageNumber
{
	height:50px;
	width:50px;
	background-image:url('/App_Themes/mkzTheme/images/backgrounds/btnStage.png');
	text-align:center;
	z-index:300;
	float:left;
	color:White; 
	font-weight:bold; 
	line-height:45px;
	font-size:40px;
	display:none;
}

.Stage
{
	/*position:relative;
	top:5px;
	display:none;*/
}

.StageNumberTxt
{
	margin-top: 5px;
	display:none;
}

.StageNumberTxt h1
{
	color:Gray;
	padding:0px;
	font-weight:normal;
	font-size:23px;	
	position:relative;
	left:10px;	
	display:none;
}


/* ** Position Help Images and Text on the Letter Editor ** */

#ContentPlaceHolder2_Q_DesignTemplateInfo /* Stage 1 */
{
	float:right; 
	position:relative; 
	top:-3px; 
	right:20px;
	display:none;
}

#DesignTemplateInfo
{
	position:absolute;
	top:-33px;
	display:none;
}

.Stage1
{
	position:relative; left:-15px;
	display:none;
}


#RecipientInfo /* Stage 2 */
{
	position:absolute; 
	top:-162px; 
	width:400px;
	display:none;
}

#ContentPlaceHolder1_letter_editor1_Q_RecipientInfo
{
	position:absolute; 
	left:225px; 
	top:-63px;
	display:none;
}

.Stage2
{
	position:absolute;
	left:250px; 
	top:190px;
	z-index:9999;
	display:none;
}

.StageDescription2
{
	color:Gray;
	padding:0px;
	font-weight:normal;
	font-size:23px;	
	position:absolute;
	left:0px;
	top: 205px;	
	z-index:99999;
	display:none;	
}

#WriteInfo /* Stage 3 */
{
	display:none;
}

#ContentPlaceHolder1_letter_editor1_Q_WriteInfo
{
	position:absolute; 
	left:167px;
	display:none;
}

.Stage3
{
	position:relative; left:-25px;
	display:none;
}

.StageDescription3
{
	color:Gray;
	padding:0px;
	font-weight:normal;
	font-size:23px;	
	position:relative;
	left:-20px;
	top: 15px;	
	display:none;
}

#AddAttachmentInfo /* Stage 4 */
{
	position:absolute; 
	margin-left:300px;
	top:1023px;
	display:none;
}

#ContentPlaceHolder1_Q_AddAttachmentInfo
{
	position:absolute;
	left:260px; 
	top:1113px;
	display:none;
}

.Stage4
{
	display:none;
}

.StageDescription4
{
	width:250px; 
	position:absolute; 
	top:1118px; 
	left:280px;
	display:none;
}

#ContentPlaceHolder2_Q_ColourSimplexOptions /* Stage 5 */
{
	position:absolute; 
	top:461px; 
	left:235px;	
	display:none;
}

.Stage5
{
	position:absolute; 
	top:461px; 
	left:235px;
	display:none;
}



/**** Dual List Optional Additions ****/

.CustomAttachmentTxt
{
	/*color:Gray;*/
	display:none;
}

.attachSubHead
{
	/*display:none;*/
}

#ContentPlaceHolder1_inserts_editor1_DL_Title
{
	/*margin-left:5px;*/
}

#DualListContainer
{
	/*background-color:White; 
	width:720px; 
	margin:0px 10px 0px 5px; 
	padding:10px;*/
}

.dlBtn
{
	width:160px;
}


.ImpersonateLabel
{
	color:white;
	font-weight: bold;
	background-color: #00483A;
	/*min-width:150px; 
	max-width:150px; 
	width:150px; 
	height:30px; */
	float:right;
	position:relative; 
	top:-29px; 
	left:55px; 
	z-index:200;

}

/* Additional General Styling Options */

.curvedtop
{
	/*-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px; 
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;*/ 
}

.curvedBottom
{
	/*-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px; 
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px; */
}

.bg2
{
	/*background-color:#E7E7E7;*/
}

/* Bespoke Advertisments */

#advertising
{
	display:none;
}

#CustomAdvert_1
{	
	width:365px;
	height:80px;
	margin-left:4px;
	background-image:url('/App_Themes/mkzTheme/images/Video_Link.png');
	background-color:white;
	background-repeat:no-repeat;
	float:left;
	display:none;
}

#CustomAdvert_2
{
	width:365px;
	height:80px;
	margin-left:4px;
	background-image:url('/App_Themes/mkzTheme/images/Sample_Letter.png');
	background-color:white;
	background-repeat:no-repeat;
	float:right;
	display:none;
}

#OverlayGuide
{	position:absolute;
 	top:310px;
	background-image:url('/App_Themes/mkzTheme/images/backgrounds/Overlay.png');
	cursor:pointer;
	display:none;
}

#mycanvas
{
	display:none;
}

.formCity
{
	display:none;
}

#ContentPlaceHolder1_letter_editor1_chkInternational
{
	display:none;
}

#serverIdentifier
{
	position:absolute; 
	left:650px; 
	top:12px;
	font-size: 24pt;
	color: #00483A;
	font-weight: bold;
	text-align: left;
}

.ui-datepicker 
.ui-datepicker-prev span, 
.ui-datepicker 
.ui-datepicker-next span {
	background-image:url('/js/images/ui-icons_ffffff_256x240.png');
 }
.ui-datepicker-header {
   background: #00483A;
}


.edocs_val_ok {
	color:green;
}
.edocs_val_not {
	color:darkred;
}

.li_bold {
	font-weight: bold;
}

.modal_outer {
	display:none;
	height:100%;
	width:100%;
	background: rgba(192, 192, 192, 0.1);
	/*border-radius: 10px;*/
	z-index: 200;
	position:fixed;
	top:0;
	left:0;
}

.confirm_cancel {
   	border-style: solid;
    border-radius: 3px;
	border-color: #00483A;
	background-color: #FDFDFD;
	color: black;
	line-height: 15pt;
	padding: 10px 10px 10px 10px;
	width: 500px; 
	min-height:100px; 
	margin: auto;	
	position: relative;
	/*left: 30%; */
	top: 30%;  
	z-index: 201;
}