﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    font-size: 12pt;
    font-family: "Myriad Pro",Arial,sans-serif;
    margin: 0px;
    padding: 0px;
    color: #333;
	background-color: #ccc;
}

a:link, a:visited
{
    color: #003087;
    text-decoration: underline;
}

a:hover
{
    color: #003087;
    text-decoration: underline;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

input[type=checkbox]:focus, input[type=radio]:focus, input[type=submit]:focus, input[type=button]:focus, button:focus, input[type=text]:focus, input[type=password]:focus
{
  outline: 1px double #0078d7;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page-panel
{
    background-color: #f1f6fe;
    background-image: url("images/left-line.gif");
    background-position: left center;
    background-repeat: repeat-y;
    padding-bottom: 33px;
}
.page-bg
{
    background-image: url(images/page-bg.png);
    background-position: top;
    background-repeat: repeat-x;
}
.page-bg-corner
{
    background-image: url(images/corner.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.page-bg-certificates
{
    background-image: url(images/certificates.png);
    background-position: 19px 35px;
    background-repeat: no-repeat;
}
.page-bg-death
{
    background-image: url(images/page-bg-death.png);
    background-position: right 55px;
    background-repeat: no-repeat;
}
.page
{
    width: 1024px; /*960px;*/
    background: none repeat scroll 0 0 #fff;
    margin: 0px auto 0px auto;
    border-top: 1px solid #fff;
    border-left: 1px solid #5978a5;
    border-right: 1px solid #5978a5;
    border-bottom: 1px solid #5978a5;
    height: auto;
}

.leftcolumn {
    margin:0 auto;
    min-height: 200px;
    position: absolute;
    width:131px;
}


/************************************ KV TESTING ************************************************/


/************************************************************************************/


.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    /*min-height: 110px;*/
    background-color: #d7e7ff;
    background-image: url(images/header-bg.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}
.header-logo
{
    margin: 0 auto;
    background-image: url(images/logo.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.header h1
{
    font-family: Verdana, Arial, Serif;
    font-variant: normal;
    margin: 0px;
    padding: 22px 0px 0px 110px;
    color: #72634e;
    font-size: 2.1em;
}

.main
{
    padding: 10px 20px 20px 20px;
}
.submain
{
    min-height: 400px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    padding: 30px 0px 30px 60px;
    margin: 0px auto;
    text-align: left;
    line-height: normal;
}
.footer img
{
    width: 25px;
    height: 16px;
}
.footer span
{
    color: #242424;
}
.footer-separator
{
    padding-left: 17px;
    padding-right: 17px;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    padding: 0px 21px;
}

div.menu-left
{
    float: left;
    width: 6px;
    height: 24px;
    background-image: url(images/menu-left.gif);
    background-position: top;
}
div.menu-right
{
    float: right;
    width: 6px;
    height: 24px;
    background-image: url(images/menu-right.gif);
    background-position: top;
}
div.menu-center
{
    height: 24px;
    background-image: url(images/menu.gif);
    background-position: top;
    padding-left: 1px;
}
.menu-home-item
{
    font-weight: bold;
    text-decoration: none;
}
.menu-separator-item
{
    float: left;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

div.globalmenu
{	
	background-color: #FFFABF; /*#F7F3D0;*/
	margin-left: 30px;
	text-decoration: none;
	width: 95%;
	height: 22px;
	padding: 1px 1px 1px 9px;
	border-top: 1px;
	border-top-style: solid;
}

.globalmenuactive
{
	background-color: #BBD0E9;
}
/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    color: #72634e;
    min-height: 73px;
    padding-right: 20px;
}

.loginDisplay b
{
    color: #003c74;
}

.loginDisplay a:link
{
    color: #696969;
    padding-right: 5px;
}

.loginDisplay a:visited
{
    color: #696969;
}

.loginDisplay a:hover
{
    color: #F08080;
}

.failureNotification
{
    font-size: 1.2em;
    color: #A20000;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.border
{
    border: 1px solid #C4CACC;
}

.logout-line
{
    padding: 5px 0px 5px 0px;
}
.logout-button
{
    -moz-border-radius: 2px 2px 2px 2px;
    background: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
    border-color: #BBBBBB #999999 #999999 #BBBBBB;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font: bold 13px/13px Arial,sans-serif;
    margin: 0;
    outline-style: none;
    padding: 2px 5px;
    text-decoration: none;
}

/* NEW TxEVER*/

.master-body-container
{
    width: 1200px;
    margin: 0px auto;
    background-color: #fff;
    height: auto;
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    box-sizing: border-box;
    direction: ltr;
    text-align: left;
}
.master-topmenu-panel
{
    position: relative;
    background-color: #e9e9ea;
    border-bottom: 2px solid #c9c9c9;
    height: 35px;
}
.master-logo-panel
{
    height: 100px;
}
.master-logo-line
{
    padding: 14px 29px 0px 29px;
}
.master-txever-logo
{
    padding-top: 6px;
    float: right;
}
.master-left
{
    float: left;
}
.master-adv
{
    clear: both;
    height: 60px;
    background-image: url(images/logo-caption.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #00245e;
}
.master-adv-mini
{
    clear: both;
    height: 13px;
    background-image: url(images/logo-caption.png);
    background-position: bottom;
    background-repeat: no-repeat;
}
.master-caption-line
{
    padding-left: 30px;
    padding-top: 12px;
    color: #fff;
    font-family: "Archer",Arial,sans-serif;
    font-weight: bold;
    font-size: 22pt;
}
.master-caption-line span
{
    color: #fff;
    font-family: "Archer",Arial,sans-serif;
    font-weight: bold;
    font-size: 18pt;
}
.master-content-container
{
    clear: both;
    padding: 20px 63px 63px 63px;
}
.master-content-container, .master-content-container span, .master-content-container label
{
    font-size: 10pt;
}
.master-content-subcontainer
{
    border-top: 3px solid #0088cc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 30px;
    background-color: #fcfcfc;
}

.master-footer-panel
{
    background-color: #435363;
    border-top: 6px solid #ffc800;
    padding: 15px 30px;
    text-align: left;
}
.master-footer-panel table
{
    width: 100%;
}
.master-footer-panel td
{
    color: #fff;
    height: 50px;
    vertical-align: middle;
    white-space: nowrap;
}
.master-footer-panel td a
{
    color: #ffc800;
}
.master-footer-panel-genesissystems
{
    padding-right: 23px;
    text-align: right;
    width: 100%;
    border-right: 1px solid #a2a8af;
}
.master-footer-panel-genesissystems-logo
{
    padding-left: 23px;
}
.master-footer-panel-genesissystems-logo img
{
    width: 52px;
    height: 30px;
}
.master-globalmenu
{
    padding-top: 5px;
    margin-left: 30px;
}
.master-globalmenu .x-toolbar .ytb-sep, .master-globalmenu .x-btn-left, .master-globalmenu .x-btn-right
{
    display: none;
}
.master-globalmenu button
{
/*    font-family: "Myriad Pro",Arial,sans-serif;
    font-size: 12pt;
    font-weight: normal;*/
    text-decoration: underline;
}
.master-globalmenu .globalmenuactive button
{
    text-decoration: none;
}
.master-globalmenu button:hover
{
    color: #0099e6;
}
.master-globalmenu .globalmenuactive .x-btn-center
{
    background-color: #fff;
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
}
.master-globalmenu .globalmenuactive td
{
    height: 31px;
}
.master-globalmenu td:hover
{
    background-image: none;
}

.master-logout-panel
{
    position: absolute;
    top: 4px;
    right: 0px;
    padding: 3px 10px 6px 10px;
    background-color: #e9e9ea;
}
.master-logout-panel, .master-logout-panel span, .master-logout-panel a
{
    font-size: 11pt;
}
.master-logout-separator
{
    margin-left: 10px;
    margin-right: 10px;
    color: #595959;
}
.master-logout-panel:hover
{
    background-color: #ffd333;
}
.master-logout-panel:hover .master-logout-separator
{
    color: gray;
}
#labelLocationName, #labelUserName
{
    margin-left: 5px;
    display: none;
}
.master-logout-panel:hover #labelLocationName, .master-logout-panel:hover #labelUserName
{
    display: inline;
}
.master-menu
{
    float: right;
    padding: 45px 40px 0px 0px;
}
#toolbar
{
    clear: both;
}
.master-content-subcontainer-finishline
{
    clear: both;
    font-size: 0px;
    height: 0px;
}

.homepage-link a:focus, #showmymessagesContainer a:focus {
    border: 2px dotted blue;
    background-color: #ffd333;
}

.master-topmenu-panel-withuserlocationinfo .master-logout-panel
{
    background-color: #ffd333;
}
.master-topmenu-panel-withuserlocationinfo .master-logout-separator
{
    color: gray;
}
.master-topmenu-panel-withuserlocationinfo #labelLocationName, .master-topmenu-panel-withuserlocationinfo #labelUserName
{
    display: inline;
}
#WQRefresh
{
    cursor: pointer;
    background-image: url(../UICore/resources/ScreenBuilder/arrow_refresh.png);
    width: 16px;
    height: 16px;
    border: 0px;
    background-color: transparent;
    margin-right: 5px;
    font-size: 0px;
}
.wq-search-container #Search
{
    cursor: pointer;
    background-image: url(../UICore/resources/SearchGlass.gif);
    width: 16px;
    height: 16px;
    border: 0px;
    background-color: transparent;
    margin-right: 5px;
    font-size: 0px;
}
.options-selections-submit #Accept 
{
    cursor: pointer;
    background-image: url(../UICore/resources/tick.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    border: 0px;    
    margin-right: 5px;
    font-size: 0px;    
}
.options-selections-submit #Reject
{
    cursor: pointer;
    background-image: url(../UICore/resources/cross_icon.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    border: 0px;    
    margin-right: 5px;
    font-size: 0px;    
}

.x-tabs-strip a:focus .x-tabs-text {
    border: 1px dashed #000;
}

#printPligin
{
    width: 150px;
}
.apple
{
    padding-left: 10px;
}
#printPliginApple
{
    width: 130px;
}

.x-dlg-bd a:focus {
    border: 1px dotted #000;
}

#btnSrcGet, #btnTarGet {
    margin-left: 30px !important;
}
.x-combo-list li:hover {
 /*background-color: #C8C8C8 !important;*/
 cursor:pointer;
}

