/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body
{
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: black;
}

a:link, a:visited {
	text-decoration: none;
	/*font-weight: bold;*/
    color: #333;
}

a:hover {
    font-weight: bold;
	color: #0073EA;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

/*
------------------
Custom CSS
------------------
*/
/*body
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}*/
table.clean
{
    border-collapse: collapse;
    border: 1px solid #DDDDDD;
}

table.spread
{
    width: 100%;
}
table.clean td
{
    border: 1px solid #DDDDDD;
    padding: 5px;
    margin: 0;
}
table.clean th
{
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #0180BF;
    padding: 5px;
    margin: 0;
    background-color: #0180BF;
}
table.noborder
{
    border: none;
}

table.noborder td
{
    border: none;
    padding: 5px;
    margin: 0;
}
table.noborder th
{
    font-weight: bold;
    border: none;
    padding: 5px;
    margin: 0;
    background-color: #E0E0E0;
}
table.centreheadings th
{
    text-align: center;
}
table.clean td.highlight
{
    background-color: #FCC;
}
table.clean th.highlight
{
    background-color: #FCC;
}

table.clean td.disabled
{
    background-color: #AAA;
}
div.action
{
    float: left;
    margin : 0 15px 0 0px;
}
div.action p 
{
    text-align: center;
}
div.action p a
{
    text-decoration: none;
}

hr.clear
{
    clear: both;
}
abbr
{
    border: none;
}
/*
------------------------------
    Mail
------------------------------
*/
table.emails tr td
{
    cursor: pointer;
}
.mail_unread
{
    background-color: #ccc;
    font-size: 10pt;
}
.mail_read
{
    background-color: #fff;
    font-style: italic;
}
tr.mail_header th
{
    background-color: #777;
    color: white;
}
/*
------------------------------
    Impromptu's
------------------------------
*/
.jqifade{
    position: absolute; 
    background-color: #aaaaaa; 
}
div.jqi{ 
    width: 500px; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    position: absolute; 
    background-color: #ffffff; 
    font-size: 11px; 
    text-align: left; 
    border: solid 1px #eeeeee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 7px;
}
div.jqi .jqicontainer{ 
    font-weight: bold; 
}
div.jqi .jqiclose{ 
    position: absolute;
    top: 4px; right: -2px; 
    width: 18px; 
    cursor: default; 
    color: #bbbbbb; 
    font-weight: bold; 
}
div.jqi .jqimessage{ 
    padding: 10px; 
    line-height: 20px; 
    color: #444444; 
}
div.jqi .jqibuttons{ 
    text-align: right; 
    padding: 5px 0 5px 0; 
    border: solid 1px #eeeeee; 
    background-color: #f4f4f4;
}
div.jqi button11{ 
    padding: 3px 10px; 
    margin: 0 10px; 
    background-color: #2F6073; 
    border: solid 1px #f4f4f4; 
    color: #ffffff; 
    font-weight: bold; 
    font-size: 12px; 
}
div.jqi button11:hover{ 
    background-color: #728A8C;
}
div.jqi button11.jqidefaultbutton{ 
    /*background-color: #8DC05B;*/
    background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
    background-color: #BF5E26;
}
/*
-------------------------
Drop Down Check List
-------------------------
*/

/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */
.ui-dropdownchecklist .ui-widget-content
, .ui-dropdownchecklist .ui-widget-header {
    border: none;
}
.ui-dropdownchecklist-indent {
    padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper
, .ui-widget.ui-dropdownchecklist-selector-wrapper {
    vertical-align: middle;
    font-size: 0px;
}
.ui-dropdownchecklist-selector {
    padding: 1px 2px 2px 2px;
    font-size: 0px;
}
.ui-dropdownchecklist-text {
    font-size: 8pt;
}
.ui-dropdownchecklist-item
, .ui-dropdownchecklist-item input {
    vertical-align: middle;
}
.ui-dropdownchecklist-group {
    padding: 1px 2px 2px 2px;
}
.ui-dropdownchecklist-dropcontainer-wrapper
{
    border: 1px solid silver;
    z-index: 10000;
}

/*
-------------------------
Joomla Specific
-------------------------
*/
.contentpaneopen
{
    padding: 0;
    margin: 0;
    
}
/*
-------------------------
Main page layout
-------------------------
*/
.head
{
    height: 100px;
}
.logo
{
    background-image: url('../graphics/logo.png');
    background-repeat: no-repeat;
    height: 75px;
    width: 324px;
    background-position: 20px 10px;
}
.foot
{
    height: 160px;
    background-image: url('../graphics/f-bg.gif');
    background-repeat: repeat-x;
}
.copyright
{
    text-align: center;
    width: 100%;
    padding-top: 20px;
    color: black;
    font-size: 12px;
}
.main
{
    background-color: #cfcfcf;
}
body
{
    background-color: #FFFFFF;
/*    background-color: #fafafa;*/
}
.leftcol
{
    background-color: #dbdbdb;
    width: 250px;
}
.leftcol + td
{
    padding: 10px;
}
/*
------------------
Tooltip
------------------
*/
div.tooltip {
    display:none;
    background-image :url(../graphics/tooltip/black_arrow.png);
    background-color: transparent;
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;    
    border: none;
}

.tip {
    width: 212px;
    padding-top: 37px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 500;
    background: transparent url(../graphics/tooltip/tipTop.png) no-repeat top;}
    
.tipMid {background: transparent url(../graphics/tooltip/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../graphics/tooltip/tipBtm.png) no-repeat bottom; height: 32px;}

/*
-------------------------
jQ UI
-------------------------
*/
.ui-accordion .ui-state-active
{
    background-image : url('../graphics/f-bg.gif');
}
div.resume_heading
{
    background-color: #b3cced;
    height: 20px;
    padding-top: 3px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}
div.resume_heading a
{
    color: black;
    font-size : 13px;
    font-weight: lighter;
    width: 700px;
    margin-left: 5px;
    padding-right : 5px;
}
ul.resume_job_history
{
    list-style: none;
    padding-left: 0px;
}
ul.resume_job_history li
{
    padding-left : 25px;
}
ul.resume_job_history li.current
{
    background-image: url('../graphics/current_job.png');
    background-repeat: no-repeat;
    background-position: 1px 0;
}
span.current_position
{
    float: left;
}
.resumeunread
{
    background-color: #ccc;
    font-size: 10pt;
}
.resumeread
{
    background-color: #fff;
    font-style: italic;
}
#message
{
    font-size: 12px;
}
@keyframes shadow-pulsate {
    0%   { box-shadow: 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137,152,168,.1); }
    25%  { box-shadow: 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137,152,168,.4) }
    50% { box-shadow: 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137,152,168,.7) }
    75% { box-shadow: 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137,152,168,.4) }
    100% { box-shadow: 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137,152,168,.1) }
}
.resume_preloader
{
    color: white;
    border-radius: 4px;
    border-radius: 4px;
    padding: 8px;
    background-color: rgba(137,152,168,1);
    border: 1px solid rgba(137,152,168,0.3);
    box-shadow: 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137,152,168,.7);
    animation: shadow-pulsate 2s infinite;
}
input.error
{
    border: 1px solid red;
}
#system-message
{
    font-weight: bold;    
}
.alert 
{
    color : #05B;
}
/*#system-message h4.alert-heading
{
    display : none;
}*/
div.alert p
{
    margin-top : 5px;
}
.alert-warning a.close, .alert-message a.close, .alert-error a.close 
{
    display: none;
}
h4.alert-heading
{
    display : none;
}
/*#system-message-container
{
    width : 100%;
    padding: 2px;
}
*/
.alert-warning div{
    /*float: left;
    margin-left: 5px;
    padding-top: 5px;*/
    position: relative;
    top: -15px;
    left: 75px; 
}
div.alert-warning
{
    border: 1px #B42F42 solid;
}
div.alert-message
{
    border-top: 2px solid #05B;
    border-bottom: 2px solid #05B;
}
.alert-message div{
    /*float: left;
    margin-left: 5px;
    padding-top: 5px;*/
   /* position: relative;
    top: -19px;
    left: 75px; */
}
div.alert-error
{
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    color: #000;
    height: 30px;
    margin-bottom : 30px;
}
.alert-error div
{
   position: relative;
   top: -15px;
   left: 55px; 
}

tr.footer
{
    background : #f0f0f0;
}

/*.export
{
    display:none;
}
.print
{
    display:none;
}*/
.chzn-drop
{
    z-index : 99900 !important;
}
#colorbox
{
    top : 30px; !important;
}
.voucher_no
{
   text-align : center; 
}
.voucher_no:hover
{
    font-weight : bold;
    color : #1893D1;
}
img
{
    vertical-align: middle;
}
div#editor-xtd-buttons {
    display: none;
}

#loading_layout {
    background: white;
    position:absolute;
    width:100%;
    height:100%;
    text-align: center;
    top : 0px;
    left: 0px;
    opacity : 0.6;
    text-align: center;
    z-index: 200000;
    display: none;
}

#loading_layout img {
    vertical-align: middle;
    opacity: 1;
    display: block;
    margin: 25% auto;
    z-index: 200100;
}