/**
* Styles of the Linkbutton for the Topnavigation
*/

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 0px;
}

.dialog-header, .dialog-header-nodrag
{
    BACKGROUND-COLOR: #9ab7cf;
    padding: 3px;
    height:20px;
    background-image:url(Images/BG_MainmenuItemOver.png);
    
}
.dialog-header
{
    cursor: move;
}
.dialog-title
{
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
}

.bt-close
{
    background-image:url(../../IMAGES/buttons/close_ifr.png);
    width:31px;
    height:17px;
    padding:0px;/*ie 8 fix*/
    cursor: pointer;
    margin:0px;
    border:0px;
    font-size: 0px; 
    line-Height: 0px;
    color:White;
}

.bt-close:hover
{
    background-image:url(../../IMAGES/buttons/close_blur_ifr.png);
}

td.popup-dialog-title
{
    font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size:   14px;
    color:       #ffffff
}



.cl-wizard
{
    border: 1px solid gray;
}
.cl-wizard-menu
{
    border-right: 1px solid gray;
    width: 200px;
    /*height: 600px;*/
}
.cl-wizard-title
{
    color: gray;
    border-bottom: 1px solid gray;
}
.cl-wizard-body-cnt
{
	padding:5px;
}
.cl-wizard-details
{
	border: 1px solid gray;

    display: block;
    background-image:url(Images/contenttop.gif);
    background-repeat:repeat-x;
    background-color: #EDEDEE;
    padding:2px;
    height:30px;
}
.cl-wizard-body
{
    border: 1px solid gray;

    height: 498px;
    overflow: auto;
    display: block;
    background-image:url(Images/contenttop.gif);
    background-repeat:repeat-x;
    background-color: #EDEDEE;
}
.cl-wizard .cl-menu TD
{
    padding: 4px;
    vertical-align:middle;
}
.cl-wizard .cl-menu-item
{
    width: 180px;
    border: 1px solid gray;
    display: block;
    font-size: 10px;
    padding: 2px;
    height:20px;
    color:black;
	font-weight:bold;
    background-image:url(Images/BG_MainmenuItem.png);
    background-repeat:repeat-x;
    vertical-align:middle;
    
}
.cl-wizard .cl-menu-item-active
{
    width: 180px;
    border: 1px solid gray;
    background-color: #ADD8E6;
    display: block;
    font-size: 10px;
    padding: 2px;
    color:black;
	font-weight:bold;
    height:20px;
    background-image:url(Images/BG_MainmenuItemOver.png);
    background-repeat:repeat-x;
    vertical-align:middle;
}
.cl-wizard .cl-menu-item:hover
{
	color:black;
	font-weight:bold;
    width: 180px;
    border: 1px solid gray;
    background-color: #ADD8E6;
    display: block;
    font-size: 10px;
    padding: 2px;
    height:20px;
    background-image:url(Images/BG_MainmenuItemOver.png);
    background-repeat:repeat-x;
}
.cl-wizard .cl-wizard-title
{
    background-color: #BFD3E3;
    color: White;
    border-bottom: 1px solid gray;
    font-weight: bold;
    height: 20px;
    padding-left: 20px;
    vertical-align: middle;
}
.cl-wizard-bt-left
{	
	display:block;
	width:84px;
	height:23px;
	padding-top:10px;
	background-image:url(Images/job/btn_left.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	padding-left:20px;
	font-size:10px;
	color:black;	
}
.cl-wizard-bt-right
{	
	display:block;
	width:84px;
	height:23px;
	padding-top:10px;
	background-image:url(Images/job/btn_right.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	padding-right:20px;
	text-align:right;	
	font-size:10px;
	color:black;
	
}
.cl-wizard-bt-right *,
.cl-wizard-bt-left *
{
	color:black;
	font-weight:bold;
}

.cl-separator
{
	height:5px;
	
}

.TextBoxRightAlign
{
    text-align: right;
}

.BonusControlTable tr td
{
    padding-bottom: 5px;
}

.ImageButtonBackGround
{
	background-color: transparent !important;
}


.cl-wizard-rightarrow{background:url(../../IMAGES/Buttons/arrowbody1.png) repeat-x; float:right;}
.cl-wizard-rightarrow div{background:url(../../IMAGES/Buttons/tail1.png) no-repeat top left;}
.cl-wizard-rightarrow div div{background:url(../../IMAGES/Buttons/nose1.png) no-repeat top right;}
.cl-wizard-rightarrow:hover{background:url(../../IMAGES/Buttons/arrowbodya1.png) repeat-x;}
.cl-wizard-rightarrow div:hover{background:url(../../IMAGES/Buttons/taila1.png) no-repeat top left;}
.cl-wizard-rightarrow div div:hover{background:url(../../IMAGES/Buttons/nose1a.png) no-repeat top right;}
.cl-wizard-rightarrow div div a:hover {color:#fff;}
.cl-wizard-rightarrow div div a {color:#000; font-weight:bold; font-size:12px; padding:4px 30px 7px; display:block; text-align:center; text-decoration:none;}
.cl-wizard-rightarrow div div a.mbo {font-size:11px; padding:4px 5px 7px;}

.cl-wizard-rightarrowlh{background:url(../../IMAGES/Buttons/arrowbody1lhh.png) repeat-x; float:right;}
.cl-wizard-rightarrowlh div{background:url(../../IMAGES/Buttons/tail1lh.png) no-repeat top left;}
.cl-wizard-rightarrowlh div div{background:url(../../IMAGES/Buttons/nose1lh.png) no-repeat top right;}
.cl-wizard-rightarrowlh:hover{background:url(../../IMAGES/Buttons/arrowbodya1lh.png) repeat-x;}
.cl-wizard-rightarrowlh div:hover{background:url(../../IMAGES/Buttons/taila1lh.png) no-repeat top left;}
.cl-wizard-rightarrowlh div div:hover{background:url(../../IMAGES/Buttons/nose1alh.png) no-repeat top right;}
.cl-wizard-rightarrowlh a:hover {color:#fff;}
.cl-wizard-rightarrowlh a {color:#000; font-weight:bold; font-size:12px; padding:4px 30px 7px; display:block; text-align:center; text-decoration:none;}
.cl-wizard-rightarrowlh a.mbo {font-size:11px; padding:4px 5px 7px;}


/*this style should be changed for centr button*/
.cl-wizard-centrarrow{background:url(../../IMAGES/Buttons/arrowbody1.png) repeat-x; width:195px; margin:auto;}
.cl-wizard-centrarrow div{background:url(../../IMAGES/Buttons/arrowleft1.png) no-repeat top left;}
.cl-wizard-centrarrow div div{background:url(../../IMAGES/Buttons/arrowright1.png) no-repeat top right;}
.cl-wizard-centrarrow:hover{background:url(../../IMAGES/Buttons/arrowbodya1.png) repeat-x;}
.cl-wizard-centrarrow div:hover{background:url(../../IMAGES/Buttons/arrowlefta1.png) no-repeat top left;}
.cl-wizard-centrarrow div div:hover{background:url(../../IMAGES/Buttons/arrowrighta1.png) no-repeat top right;}
.cl-wizard-centrarrow div div a:hover {color:#fff;}
.cl-wizard-centrarrow div div a {color:#000; font-weight:bold; font-size:12px; padding:4px 22px 7px; display:block; text-align:center; text-decoration:none;}
.cl-wizard-centrarrow div div a.mbo {font-size:11px; padding:4px 5px 7px;}

.cl-wizard-leftarrow{background:url(../../IMAGES/Buttons/arrowbody1.png) repeat-x; float:left;}
.cl-wizard-leftarrow div{background:url(../../IMAGES/Buttons/taill1.png) no-repeat top right;}
.cl-wizard-leftarrow div div{background:url(../../IMAGES/Buttons/nosel1.png) no-repeat top left;}
.cl-wizard-leftarrow:hover{background:url(../../IMAGES/Buttons/arrowbodya1.png) repeat-x;}
.cl-wizard-leftarrow div:hover{background:url(../../IMAGES/Buttons/tailla1.png) no-repeat top right;}
.cl-wizard-leftarrow div div:hover{background:url(../../IMAGES/Buttons/nosela1.png) no-repeat top left;}
.cl-wizard-leftarrow div div a:hover {color:#fff;}
.cl-wizard-leftarrow div div a {color:#000; font-weight:bold; font-size:12px; padding:4px 30px 7px; display:block; text-align:center; text-decoration:none;}
.cl-wizard-leftarrow div div a.mbo {font-size:11px; padding:4px 5px 7px;}

.cl-wizard-leftarrowlh{background:url(../../IMAGES/Buttons/arrowbody1lhh.png) repeat-x;}
.cl-wizard-leftarrowlh div{background:url(../../IMAGES/Buttons/taill1lh.png) no-repeat top right;}
.cl-wizard-leftarrowlh div div{background:url(../../IMAGES/Buttons/nosel1lh.png) no-repeat top left;}
.cl-wizard-leftarrowlh:hover{background:url(../../IMAGES/Buttons/arrowbodya1lh.png) repeat-x;}
.cl-wizard-leftarrowlh div:hover{background:url(../../IMAGES/Buttons/tailla1lh.png) no-repeat top right;}
.cl-wizard-leftarrowlh div div:hover{background:url(../../IMAGES/Buttons/nosela1lh.png) no-repeat top left;}
.cl-wizard-leftarrowlh div div a:hover {color:#fff;}
.cl-wizard-leftarrowlh div div a {color:#000; font-weight:bold; font-size:12px; padding:4px 30px 7px; display:block; text-align:center; text-decoration:none;}
.cl-wizard-leftarrowlh div div a.mbo {font-size:11px; padding:4px 5px 7px;}

.cl-menu-ul {margin-left:5px; margin-top:5px; padding:0px;}
.cl-menu-ul tr td {background:url(../../IMAGES/Buttons/arrowbody.png) repeat-x top left;padding:0px 0px 4px 5px; width:162px;position:relative; line-height:12px; height:35px; vertical-align:middle;}
.cl-menu-ul tr td a {font-size: 12px; font-weight:bold; color:#000;font-weight:bold;}
.cl-menu-ul tr td.atd {width:18px;}
.cl-menu-ul tr td.atd div {width:18px; height:35px; background:url(../../IMAGES/Buttons/nose.png) no-repeat top right; width:18px; vertical-align:top;}
.cl-menu-ul tr:hover td, .cl-menu-ul tr.active td  {background:url(../../IMAGES/Buttons/arrowbodya.png) repeat-x top left; height:35px;}
.cl-menu-ul tr:hover td a, .cl-menu-ul tr.active td a {color:#fff;}
.cl-menu-ul tr:hover td.atd div, .cl-menu-ul tr.active td.atd div {background:url(../../IMAGES/Buttons/nosea.png) no-repeat top right; height:35px;}
.n-active {color:#aaaaaa;}


.cl-wizard-menu-item-active {color:#fff !important;}
.disabled {color:#aaaaaa !important;}

.wizardtitle span {color:#0054A4; font-size:16px;}
.wizardtitle {padding:5px;}

.ui-widget-header {border:0px;}
.ui-dialog {padding:0px; background:#ededee;}
.ui-icon-closethick{background-image:url(../../IMAGES/buttons/close_ifr.png) !important; width:31px; height:17px; background-position:0px 0px;}
.ui-state-hover .ui-icon-closethick{background:url(../../IMAGES/buttons/close_blur_ifr.png) !important; border:0px;}
.ui-dialog .ui-dialog-titlebar-close {width:31px; height:17px; padding:0px !important;}
.ui-state-hover {background:transparent !important; border:0px !important;}
.ui-widget-overlay{background: Gray; opacity: 0.7;}
.ui-button {color:#000 !important; border:0px !important; background:url(../../IMAGES/buttons/arrowbody1.png) repeat-x !important; border-radius:0px !important;}
.ui-button.ui-state-hover {background:url(../../IMAGES/buttons/arrowbodya1.png) repeat-x !important; color:#fff;}
.ui-button:active,.ui-button:selected, .ui-button:focus { border: none;outline: none;}
.ui-button-text:active,.ui-button-text:selected, .ui-button-text:focus, .ui-button-text { border: none;outline: none;}
.ui-button-text {display:block; height:17px; white-space:nowrap;}
button:active,button:selected, button:focus { border: none;outline: none;}