@charset "utf-8";

/* CSS RESSET */
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;  Remove this if required
}
 HTML5 display-role reset for older browsers 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

/* System buttons and inputs */
input::-moz-focus-inner, button::-moz-focus-inner, img::-moz-focus-inner, select::-moz-focus-inner  /*Remove button padding in FF*/
{ 
   border: 0;
   padding: 0;
}

/* BUTTONS */
.disabled{
   opacity:0.6;
   filter:alpha(opacity=60);
}

.btn_small, .btn_med, .btn_big, .btn_icon_small, .btn_icon_med, .btn_icon_big, .btn_icon_micro{
   font-family:Tahoma, Geneva, sans-serif;
   font-weight:bold;
   font-size:12px;
   background:url(../img/elements/btn_bg_30.png) repeat-x;
   border:#D1D1D1 1px solid;
   color:#999999;
   padding: 0px 8px 0px 8px;
   vertical-align:middle;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius:3px;
   cursor:pointer;
}
.btn_small{
   height:26px;
   line-height:24px;
}
.btn_med{
   height:30px;
   line-height:28px;
   min-width:40px;
}
.btn_big{
   height:36px;
   line-height:34px;
   min-width:60px;
   font-size:14px;
}
.btn_icon_small{
   height:26px;
   min-width: 26px;
   padding:0px;
/*   margin:0px 0px 4px 0px;
   vertical-align: middle;*/
}
.btn_icon_med{
   height:30px;
   padding:2px;
   min-width: 30px;
}
.btn_icon_big{
   height:36px;
   padding:2px;
   min-width: 36px;
}
.btn_icon_micro{
   height:auto;
   padding:2px;
}
.btn_small img, .btn_med img, .btn_big img, .btn_icon_small img, .btn_icon_med img, .btn_icon_big img{
   margin-bottom:0.25em;
   vertical-align:middle;
}
.btn_big.split, .btn_med.split, .btn_small.split, .btn_icon_small.split, .btn_icon_med.split, .btn_icon_big.split{
   padding:0px 4px 0px 8px;
}
.btn_icon_small:hover, .btn_icon_med:hover, .btn_icon_big:hover, .btn_small:hover, .btn_med:hover, .btn_big:hover{
   background:url(../img/elements/btn_bg_30_hover.png) repeat-x;
}
.btn_icon_small.disabled:hover, .btn_icon_med.disabled:hover, .btn_icon_big.disabled:hover, .btn_small.disabled:hover, .btn_med.disabled:hover, .btn_big.disabled:hover{
   background:url(../img/elements/btn_bg_36.png) repeat-x;
}
.btn_small.plain, .btn_med.plain, .btn_big.plain, .btn_icon_small.plain, .btn_icon_med.plain, .btn_icon_big.plain, .btn_icon_micro.plain{
   border-color:transparent;
   background:none;	
}
.btn_small.plain.disabled:hover, .btn_med.plain.disabled:hover, .btn_big.plain.disabled:hover, .btn_icon_small.plain.disabled:hover, .btn_icon_med.plain.disabled:hover, .btn_icon_big.plain.disabled:hover, .btn_icon_micro.plain.disabled:hover{
   border-color:transparent;
   background:none;	
}
.btn_small.plain:hover, .btn_med.plain:hover, .btn_big.plain:hover, .btn_icon_small.plain:hover, .btn_icon_med.plain:hover, .btn_icon_big.plain:hover,.btn_icon_micro.plain:hover{
   border-color:#D1D1D1;
   /*background:#FBFBFB;*/	
}
.btn_small.plain.no_border:hover, .btn_med.plain.no_border:hover, .btn_big.plain.no_border:hover, .btn_icon_small.plain.no_border:hover, .btn_icon_med.plain.no_border:hover, .btn_icon_big.plain.no_border:hover,.btn_icon_micro.plain.no_border:hover{
   border-color:transparent;
}

/* Dropdown Menu */
.dropdown{
   top:0px;
   left:0px;
   float:left;
   border:#CCCCCC 1px solid;
   -moz-border-radius: 3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   -moz-box-shadow: 1px 1px 1px 1px #999999;
   -webkit-box-shadow: 1px 1px 1px 1px #999999;
   box-shadow: 1px 1px 1px 1px #999999;
   background:#FFFFFF;
   z-index:10;
   position:absolute;
   display:block;
   text-align:left;
   padding:5px 5px 0px 5px;
   cursor:pointer;
   min-width:120px;
}
.dropdown_btn{
   border:#F9F9F9 1px solid;
   padding:0px 5px;
   margin-bottom:5px;
   line-height:28px;
   font-size:14px;
   color:#666666;
}
.dropdown_btn:hover{
   border:#006699 1px solid;
   background:#F9FDFF;
}
.dropdown_btn.disabled:hover{
   border:#F9F9F9 1px solid;
   background:#FFFFFF;
}
.dropdown_icon{
   width:14px;
   height:14px;
   margin-right:5px;
   float:left;
   margin-top:7px;
}
.dropdown_submenu_icon{
   float:right;
   margin-left:20px;	
}
.dropdown_separator{
   border-top:#e0e0e0 1px solid;
   margin-bottom:5px;		
}

/* Text Input */
input[type='file']{
   font-size: 30px; 
   width: 50px; 
   opacity: 0; 
   filter:alpha(opacity: 0);  
   position: relative; 
   top: -40px;
   left: -20px;
   cursor:pointer;
}
.file_container{
   clear:both;
   height:24px;
}
.file_wrapper{
   display: block;
   width: 77px;
   height: 25px; 
   overflow: hidden; 
   margin-right:5px;
   cursor:pointer;
   position:relative;
   float:left;
}
.file_btn{
   position: relative; 
   top: 0px; 
   left: 0px;
}
.file_field{
   width:200px;
   float:left;
   overflow:hidden;
   padding-left:5px;
   cursor:pointer;
}
.input_label{
/*   font-family:Tahoma;
   font-size:14px;*/
   color:#333333;
   font-weight:600;
   margin-top:5px;
}
.input_label_example{
   color:#AAAAAA;
   font-size:10px;
   font-weight:normal;
}
.red_ast{
   font-size:12px;
   color:#FF0000;
}
.btn_holder_1{
   text-align:center;
}

.link{
   text-decoration: underline;
   color: #06C;
   cursor: pointer;
}



/* CALL OUTS */
/* Page Div Areas (Empty, and other)*/
.empty_data_div{
   border:#C00 1px solid;
   padding:10px;
   background:#FFD2D2;
   text-align:center;	
}
.blue_fill_div{
   border:#06C 1px solid;
   background:#E6F4FF;
   padding:10px;
   text-align:center;
}


/* TABS */
.tab_div{
   margin:10px 0px 0px 0px;
   /*border:#FF0000 1px solid;*/
}
.tab_content{
   display:none;
   /*position:relative;
   overflow:hidden;
   height:0px;*/
}
.tab_ul{
   list-style:none;
   border-bottom:#CCCCCC 1px solid;
   /*border:#000000 1px solid;*/
   padding:0px;
   height:30px;
   margin-left:0px;
   position:relative;
}
.tab_ul li{
   position:relative;
   background:#F3F3F3;
   list-style:none;
   float:left;
   /*display:inline;*/
   border-top:#CCCCCC 1px solid;
   border-left:#CCCCCC 1px solid;
   border-right:#CCCCCC 1px solid;
   /*border-bottom:#000000 1px solid;*/
   padding:0px 10px;
   height:29px;
   line-height:29px;
   margin:0px 0px 0px 2px;
   -moz-border-radius: 3px 3px 0px 0px;
   -webkit-border-top-left-radius:3px;
   -webkit-border-top-right-radius:3px;
   border-radius:3px 3px 0px 0px;
   cursor:pointer;
}
.tab_ul li.tab_selected{
   background:#FFFFFF;
   height:30px;
   line-height:30px;
}
.tab_ul li.tab_selected a{
   color:#333333;
}
.tab_ul li a, .tab_ul li a:visited, .tab_ul li a:active {
   color:#666666;
   text-decoration:none;
   display:block;
}

/* MODALS */
.modal-overlay{ /* Overlay for modal window */
   position:fixed;
   top:0px;
   left:0px;
   overflow:hidden;
   background-color:#666666;
   filter:alpha(opacity=60);
   -moz-opacity:.60;
   opacity:.60;
}
.modal-overlay.warning{
   background-color:#990000;
}

/* Main Style for Modals */
.modal-wrapper{
   top:-9999px;
   left:-9999px;
   position: absolute;
   display:block; /* before was at none. Set to block for jquery ui position. it has problem detecting position of hiddent elements */
   background:#FFFFFF;
}
.btn_med.modal-button-bar-btn{ /* Setting up buttons in the modal */
   margin:0px 5px;
}
.modal-button-bar{
   border-top:#CCCCCC 1px solid;
   padding:5px 0px;
}
.modal-content{
   color:#666666;
   padding:0px;
}
.modal-title-bar{
   height:30px;
   line-height:30px;
   background:url(../img/modal/titlebar_normal_bg.png) repeat-x;
   color:#FFFFFF;
   font-family:Tahoma;
   font-weight:bold;
   font-size:12px;
   padding:0px 5px;
}
.modal-titlebar-button-containter{
   float:right;
   width:16px;
   height:16px;
   -moz-border-radius: 5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   border:transparent 1px solid;
   padding-top:6px;
   padding-left:6px;
   margin-top:3px;
   cursor:pointer;
}
.modal-titlebar-button-containter:hover{
   /* border:#FFF 1px solid; */
}
.modal-titlebar-button{
   width:10px;
   height:10px;
   background-repeat:no-repeat;
   background-image:url(../img/modal/modal_win_toolbar.png);
}
.modal-titlebar-button.close-btn{	
}
.modal-titlebar-button.collapse-down-btn{
	background-position:-10px;
}
.modal-titlebar-button.collapse-up-btn{
	background-position:-20px;
}
.modal-titlebar-button.minimize-btn{
	background-position:-30px;
}
.modal-titlebar-button.maximize-btn{
   background-position:-40px;
}
.modal-pointer{
   background-image:url(../img/modal/modal_grey_arrows_20x23.png);
   background-repeat:no-repeat;
}

/* Tooltip style for grey */
.modal-wrapper.grey{
   border:#CCCCCC 1px solid;
   background:#333333;
   -moz-border-radius: 3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   -moz-box-shadow: 0px 0px 2px 1px #999999;
   -webkit-box-shadow: 0px 0px 2px 1px #999999;
   box-shadow: 0px 0px 2px 1px #999999;
}
.modal-content.grey{
   color:#FFFFFF;
   padding:10px;
}
.grey-pointer{
   background-image:url(../img/modal/modal_grey_arrows_20x23.png);
   background-repeat:no-repeat;
}
.modal-title-bar.grey{
   height:24px;
   line-height:24px;
   background:#000000;
   color:#FFFFFF;
   font-family:Tahoma;
   font-weight:bold;
   font-size:12px;
   padding:0px 5px;
   -moz-border-radius: 3px;
   -webkit-border-radius:3px;
   border-radius:3px;
}
.modal-close-btn.grey{
   background:url(../img/elements/tooltip_grey_close_btn.png) no-repeat;
   width:10px;
   height:10px;
   float:right;
   vertical-align:middle;
   margin-top:7px;
   margin-right:5px;
   cursor:pointer;
}

/* End of the grey style */
/* Tooltip style for required */
.modal-wrapper.required{
   border:#FFFFFF 2px solid;
   background:#FF0000;
   -moz-border-radius: 3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   -moz-box-shadow: 0px 0px 2px 1px #999999;
   -webkit-box-shadow: 0px 0px 2px 1px #999999;
   box-shadow: 0px 0px 2px 1px #999999;
}
.modal-content.required{
   color:#FFFFFF;
   padding:5px 5px 5px 5px;
}
.required-pointer{
   background-image:url(../img/modal/modal_red_arrows_20x23.png);
   background-repeat:no-repeat;
}
.modal-title-bar.required{
   height:24px;
   line-height:24px;
   background:#FF0000;
   color:#FFFFFF;
   font-family:Tahoma;
   font-weight:bold;
   font-size:12px;
   padding:0px 5px;
   -moz-border-radius: 3px;
   -webkit-border-radius:3px;
   border-radius:3px;
}
.modal-close-btn.required{
   background:url(../img/modal/tooltip_grey_close_btn.png) no-repeat;
   width:10px;
   height:10px;
   float:right;
   vertical-align:middle;
   margin-top:7px;
   margin-right:5px;
   cursor:pointer;
}

/* End of the grey style */
/* Style for normal */
.modal-wrapper.normal-win{
   -moz-box-shadow: 0px 0px 2px 1px #222222;
   -webkit-box-shadow: 0px 0px 2px 1px #222222;
   box-shadow: 0px 0px 2px 1px #222222;
}

/* End Style popup-win-normal */
/* Style for warning-win */
.modal-wrapper.warning-win{
   -moz-box-shadow: 0px 0px 2px 1px #222222;
   -webkit-box-shadow: 0px 0px 2px 1px #222222;
   box-shadow: 0px 0px 2px 1px #222222;
}
.modal-title-bar.warning-win{
   background:url(../img/modal/titlebar_warning_bg.png) repeat-x;
}

/* End Style warning-win */
/* End tooltip style */
.modal-pointer-bbl,.modal-pointer-bc,.modal-pointer-bbr,.modal-pointer-tc,.modal-pointer-ttl,.modal-pointer-ttr,.modal-pointer-cl,.modal-pointer-tll,.modal-pointer-bll,.modal-pointer-cr,.modal-pointer-trr,.modal-pointer-brr{
   position: absolute; 
   width:18px;
   height:23px;
}
.modal-pointer-bbl,.modal-pointer-bc,.modal-pointer-bbr{
   top:100%;
}
.modal-pointer-tc,.modal-pointer-ttl,.modal-pointer-ttr{
   top:-23px;
}
.modal-pointer-cl,.modal-pointer-tll,.modal-pointer-bll{
   left:-18px;
}
.modal-pointer-cr,.modal-pointer-trr,.modal-pointer-brr{
   left:100%;
}
.modal-pointer-bl,.modal-pointer-tl,.modal-pointer-tr,.modal-pointer-br{
   position: absolute; 
   width:23px;
   height:23px;
}
.modal-pointer-bl,.modal-pointer-tl{
   left:-16px;
}
.modal-pointer-tr,.modal-pointer-br{
   left:100%;
   margin-left:-7px;
}
.modal-pointer-bbl,.modal-pointer-bc,.modal-pointer-bbr{
   background-position: -60px -4px;
}
.modal-pointer-tc,.modal-pointer-ttl,.modal-pointer-ttr{
   background-position: -41px 3px;
}
.modal-pointer-cl,.modal-pointer-tll,.modal-pointer-bll{
   background-position: 2px 0px;
}
.modal-pointer-cr,.modal-pointer-trr,.modal-pointer-brr{
   background-position: -22px 0px;
}
.modal-pointer-bbl{
   left:0px;
   margin-left:2px;
}
.modal-pointer-bc{
   left:50%;
   margin-left:-11px;
}
.modal-pointer-bbr{
   left:100%;
   margin-left:-22px;
}
.modal-pointer-tc{
   left:50%;
   margin-left:-11px;
}
.modal-pointer-ttl{
   left:0px;
   margin-left:2px;
}
.modal-pointer-ttr{
   left:100%;
   margin-left:-22px;
}
.modal-pointer-cl{
   top:50%;
   margin-top:-12px;
}
.modal-pointer-tll{
   top:0px;
   margin-top:0px;
}
.modal-pointer-bll{
   top:100%;
   margin-top:-24px;
}
.modal-pointer-cr{
   top:50%;
   margin-top:-12px;
}
.modal-pointer-trr{
   top:0px;
   margin-top:0px;
}
.modal-pointer-brr{
   top:100%;
   margin-top:-24px;
}
.modal-pointer-bl{
   top:100%;
   margin-top:-8px;
   background-position: -75px -35px;
}
.modal-pointer-tl{
   top:0px;
   margin-top:-15px;
   background-position: -75px -10px;
}
.modal-pointer-tr{
   top:0px;
   margin-top:-15px;
   background-position: -99px -10px;
}
.modal-pointer-br{
   top:100%;
   margin-top:-8px;
   background-position: -99px -35px;
}



/* FILE CONTAINER */
.file_queue {
   background-color: #FFF;
   border-radius: 3px;
   box-shadow: 0 1px 3px rgba(0,0,0,0.25);
   height: 103px;
   margin-bottom: 10px;
   overflow: auto;
   padding: 5px 10px;
   width: 330px;
}
.file{
	background:#F0F9FF;
	border:#036 1px solid;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	cursor:pointer;
}
.file.selected{
	background:#E6F0FF;
}
.file:hover{
	background:#E6F0FF;	
}
.file_img_container{
	border:#CCC 1px solid;
	background:#FFF;
	width:100px;
	height:100px;
}
.file_info{
	font-size:12px;
}
.file_name{
	/*margin-bottom:5px;*/
	line-height:20px;
}
.file_additional_info{
	font-size:9px;	
}
.file_data{
	padding-left:5px;	
}

/* 
   Show child on parent hover
*/
.hover-hidden-parent:hover >.hover-hidden-child{
   display: block;
}
.hover-hidden-child{
   display: none;
}

/* AUTOCOMPLETE */
.autocomplete-wrap{
   top:-500px;
   left:-500px;
   float:left;
   border:#CCCCCC 1px solid;
   -moz-border-radius: 3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   -moz-box-shadow: 1px 1px 1px 1px #999999;
   -webkit-box-shadow: 1px 1px 1px 1px #999999;
   box-shadow: 1px 1px 1px 1px #999999;
   background:#FFFFFF;
   z-index:10;
   position:absolute;
   display:block;
   text-align:left;
   cursor:pointer;
   min-width:120px;
}
.autocomplete-top-panel{
   border-bottom: 1px solid #CCCCCC;
   padding: 5px;
   height: 16px;
}
.autocomplete-item{
   padding: 5px 10px;
}
.autocomplete-item.selected, .autocomplete-item:hover{
   background-color: #999999;
   color: #FFFFFF;
}