/*
 * #14141C = black
 * #333333 = black lighter
 * #ECECEC = white
 * url('/img/static/white_70.png') = transparent white
 * #BFBFBF = gray
 * #838080 = medium gray
 * #DCDEE2 = gray very light
 * #e9e9e9 - gray light
 * #BFBFBF - gray
 * #4D4D4D - gray dark
 * #2121C2 = blue
 * #2F2FA8 = blue dark
 * #4875f7 = blue light
 * #FF0000 = red
 * #C10404 = red dark
 * #F63E3E = red light
 * 
 * #FFCC11 = mustard
*/


/*========================
 * general 
 */

*{
padding : 0px;
margin	: 0px;
color : #333333;
outline: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {border: none;}


/*========================
 * links & types 
 */
html,body{
font-size: 16px;
height:100%;
}

a {text-decoration: none;color: #4875f7;} 
a.link, a.active, a.visited {text-decoration: none;} 
a.hover{text-decoration: underline;}


/*========================
 * form tags
 */
label{
font-size:				1em;
font-weight:			bold;
letter-spacing:			2px;
text-align:				right;
white-space:	nowrap;
}

input[type='checkbox'] {
    display:none;
}
input[type='checkbox'] + label {
    display:inline-block;
    width:20px;
    height:20px;
    background-color: #FFFFFF;
}
input[type='checkbox']:checked + label {
    background-image:url('/img/static/check_mark_green.png');
    background-color: #FFFFFF;
}

input.red[type='checkbox']:checked + label {
    background-image:url('/img/static/check_mark_red.png');
    background-color: #FFFFFF;
}
input.red[type='checkbox']:invalid + label {
    background-image:url('/img/static/input_required.png');
    background-color: #FFFFFF;
}

input.i--required[type='checkbox'] + label {
    background-image:url('/img/static/input_required.png');
    background-color: #FFFFFF;
}
input.gray[type='checkbox']:checked + label {
    background-image:url('/img/static/check_mark_gray.png');
    background-color: #FFFFFF;
    width:20px;
    height:20px;
}
input.dark[type='checkbox']:checked + label {
    background-image:url('/img/static/check_mark_dark.png');
    background-color: #FFFFFF;
}

input[type='radio'] {
    display: none !important;
}
input[type='text']:invalid, input:invalid {
    background-image:url('/img/static/input_required.png');
    background-repeat:no-repeat;
    background-position:right center;

}

input.red[type='radio']:invalid + label {
    background-image:url('/img/static/input_required.png');
    background-color: #FFFFFF;
}
input.i--required[type='radio'] + label {
    background-image:url('/img/static/input_required.png');
    background-color: #FFFFFF;
}

input.red[type='radio']:checked + label {
    background-image:url('/img/static/check_mark_red.png');
    background-color: #FFFFFF;
}
input.red[type='radio']:disabled + label {
     background-color: #BFBFBF;
}

input.red.readonly[type='radio']:disabled + label {
     background-color: #FFFFFF;
}
input.gray[type='radio']:checked + label {
    background-image:url('/img/static/radio_gray.png');
    background-color: #FFFFFF;
}



input[type='radio'] + label {
    display:inline-block;
    width:20px;
    height:20px;
    background-color: #FFFFFF;
}
input[type='radio']:checked + label {
    background-image:url('/img/static/check_mark_green.png');
    background-color: #FFFFFF;
}

input{
border:					1px solid transparent;
background:				transparent;

}

/*set input selection; red*/
input::selection{
background: #ffb7b7;
}
input::-moz-selection{
background	: #ffb7b7;
}

input[type="text"]{
padding:4px;
}

input[type='text'].long, .long{
width			: 300px;
}


input[type="text"]:disabled {
    background: #dddddd;
}

input.numeric{
text-align	:right;
}
input.numeric:disabled{
   background: #dddddd;

}

span.input_wrap
{
display: 				inline-block;
background:				#FFFFFF;
padding:				2px;
margin:					10px;
border:					1px solid #B3B3B3;
border-radius:			3px;
-webkit-border-radius:	3px;
-moz-border-radius:		3px;
white-space:nowrap;
}
span.input_wrap.display_none{
display:none;
}


span.input_wrap   img{
vertical-align:middle;
}

span.input_wrap > input{
vertical-align:middle;
padding:4px;
font-size:1em;
}

span.checkbox_wrap
{
display: 				inline-block;
background:				#FFFFFF;
padding:				2px;
padding-bottom:				0px;
margin:					10px;
margin-right:				5px;
border:					1px solid #B3B3B3;
border-radius:				3px;
-webkit-border-radius:			3px;
-moz-border-radius:			3px;
width:					20px;
height:					22px;

}

span.select_wrap
{
white-space: nowrap;   
display: 				inline-block;
background:				#FFFFFF;
padding:				6px;
padding-right:			2px;
margin:					10px;
border:					1px solid #B3B3B3;
border-radius:			3px;
-webkit-border-radius:	3px;
-moz-border-radius:		3px;
white-space:nowrap;
}
span.select_wrap_minimal
{
white-space: nowrap;   
display: 				inline-block;
background:				#FFFFFF;
padding:				0px;
margin:					10px;
border:					1px solid #B3B3B3;
border-radius:			3px;
-webkit-border-radius:	3px;
-moz-border-radius:		3px;
white-space:nowrap;
}
/*change arrow*/
select.minimal {
   display: inline-block;
  font: inherit;
  line-height: 1.0em;
  padding: 0.5em 3.5em 0.6em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) calc(0.9em + 2px),
    calc(100% - 10px) calc(0.9em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.2em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


/* selected div*/
div.selected{
background-color: #FF0000;
padding:10px;
font-size: 110%;
color:#FFFFFF;
}

.selected_right{
/*background-color: #FF0000;*/
background:url(/img/static/bg_arrow_right_red.png);
background-repeat: no-repeat;
background-position: right center; 
padding:10px;
font-size: 110%;
color		: #FFFFFF;
}

.selected_top{
/*background-color: #FF0000;*/
background:url(/img/static/bg_arrow_top_red.png);
background-repeat: no-repeat;
background-position: center bottom; 
padding:10px;
font-size: 110%;
}

.selected_top_shadow{
/*background-color: #FF0000;*/
background:url(/img/static/bg_arrow_top_shadow.png);
/*background-repeat: repeat-x;*/
background-position: center bottom; 
padding:10px;
font-size: 110%;
}

.selected div{color:#FFFFFF;}
.selected_right div{color:#FFFFFF;}
.selected_right span{color:#FFFFFF;}
.selected_top div{color:#FFFFFF;}
.selected a:link{color:#FFFFFF;}
.selected_right a:link{color:#FFFFFF;}
.selected_top a:link{color:#FFFFFF;}
.selected img{vertical-align:middle;}
.selected_right img{vertical-align:middle;}
.selected_top img{vertical-align:middle;}


.not_selected{padding:10px;font-size: 110%;}

.temp_options_container{
position:relative;
vertical-align:top;
background:red;
border:0px solid red;
z-index:10;
}

.main_options_container{
position:absolute;
display:none;
overflow: auto;
z-index:1000;
background:#FFFFFF;
border: 1px solid #4D4D4D;
border-radius:			3px;
-webkit-border-radius:	3px;
-moz-border-radius:		3px;
}

.options_item{

padding:5px;
padding-left: 24px;
font-size:120%;
text-align:left;
}

.options_item > a {
text-decoration: none;
display:block;
color:#4D4D4D;
} 

.options_item:hover {
background: #FF0000;
color: #FFFFFF;
} 

.options_item:hover a {
color: #FFFFFF;
} 

button{}
select{
border:					1px solid transparent;
background:				transparent;
font-size:				100%;
}
textarea{
border:					0px;
font-size:				100%;
}
.tbl0{
border-collapse: collapse;
}
.tbl0 > th, td{
border-collapse: collapse;
}
/*========================
 * misc
 */
.inline_block{display:inline-block;}
.display_none{display:none;}
.container{position:relative;width:100%;height:100%;min-height:100%;overflow:auto;}
.cont{overflow:auto;}
.cellspacing_0{border-collapse: separate; border-spacing: 0px;}
.cellspacing_5{border-collapse: separate; border-spacing: 5px;}
.cellspacing_10{border-collapse: separate; border-spacing: 10px;}
.padding_5{padding:5px;}
.padding_10{padding:10px;}
.padding_15{padding:15px;}
.font_size_90{font-size:90%;}
.font_size_110{font-size:110%;}
.font_size_120{font-size:120%;}
.font_size_140{font-size:140%;}
.margin_0{margin:0px;}
.margin_5{margin:5px;}
.margin_10{margin:10px;}
.margin_15{margin:15px;}
.form_rules{display:none;}
.nowrap{white-space: nowrap;}
.bullet_large{font-size:140%; color:#FF0000; }
.bullet{font-size:100%; color:#FF0000;}
.bullet_small{font-size:80%; color:#FF0000;}
.bold{font-weight:	bold;}
.clear{clear: both;}
.help{color:#8C8C8C;}
.help_light{color:#BDBABA;}
.error{background:red;}
.float_left{float:left}
.float_right{float:right}
.text-center{text-align: center;}
.center{text-align: center;}
table.center{margin-right:auto;margin-left:auto;}
.text-middle{vertical-align: middle;}
.text_color{color:#4D4D4D;}
.text_color_red{color:#FF0000;}
.text_color_help_red{color:#B47676;}
.text_color_gray{color:#BFBFBF;}
.text_color_white{color:#FFFFFF;}
.right{text-align: right;}
.left{text-align: left;}
.tr {display: table-row;}
.tc {display: table-cell;}
.table{display: table;}
.border_bottom{border-bottom:1px solid #C0C0C0;}
.round_corners{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.round_corners_large{
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.round_corners_vlg{
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
}

.text-shadow-white{
text-shadow:1px 1px 1px #FFFFFF;
}
.text-shadow-white-lg{
text-shadow:1px 1px 10px #FFFFFF;
}
.text-shadow-white-vl{
text-shadow:1px 1px 20px #FFFFFF;
}
.text-shadow-blue{
text-shadow:1px 1px 1px #0000FF;
}
img.alert{
  background-image:url("/img/Faenza/status/16/dialog-warning.png");
}
img.error{
  background-image:url("/img/Faenza/status/16/error.png");
}
img.save{
  background-image:url("/img/Faenza/actions/16/document-save.png");
}
img.save_as{
  background-image:url("/img/Faenza/actions/16/document-save-as.png");
}
img.submit{
  background-image:url("/img/Faenza/actions/16/document-save.png");
}
img.yes{
  background-image:url("/img/Faenza/actions/16/dialog-yes.png");
}
img.ok{
  background-image:url("/img/Faenza/actions/16/dialog-yes.png");
}
img.no{
  background-image:url("/img/Faenza/actions/16/gtk-close.png");
}
img.cancel{
  background-image:url("/img/Faenza/actions/16/gtk-cancel-dark.png");
}
img.add{
  background-image:url("/img/Faenza/actions/16/add.png");
}
img.delete{
  background-image:url("/img/Faenza/actions/16/gtk-close.png");
}
img.remove{
  background-image:url("/img/Faenza/actions/16/gtk-delete.png");
}
img.edit{
  background-image:url("/img/Faenza/actions/16/gtk-edit.png");
}
img.upload{
  background-image:url("/img/Faenza/actions/16/upload.png");
}
img.chat{
  background-image:url("/img/Faenza/actions/16/chat.png");
}
img.info{
  background-image:url("/img/Faenza/actions/16/help-about.png");
}
img.send{
  background-image:url("/img/Faenza/actions/16/mail-send-simple.png");
}
img.attach{
  background-image:url("/img/Faenza/actions/16/mail-attachment.png");
}
img.pros{
  background-image:url("/img/Faenza/stock/16/stock_new-meeting.png");
}
img.help{
  background-image:url("/img/Faenza/actions/16/help-contents.png");
}
/*========================
 * main toolbars (upper and lower)
 */

.main_tbl{
width:100%;
/*height:80%;*/
border:0px;
}


.main_toolbar_tr{
background-color: #333333;
vertical-align: middle;
text-align: middle;
}


div.main_toolbar{
color:#ECECEC;
padding:5px;
vertical-align: middle;
height:56px;
}

.main_body_td{
vertical-align: top;
height:100%;
width:100%;
}

div.main_toolbar a>img{
border:1px solid transparent;
padding:2px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;

}

div.main_toolbar a:hover>img{
/*background: #FF0000;
border:1px solid #FFFFFF;*/
box-shadow: 0px 0px 3px #FF0000;
}

.main_toolbar_title{
margin-left:10px;
font-size:1.3em;
letter-spacing:2px;
font-weight:bold;
border-bottom:2px solid #FF0000;
padding:2px;
color:#FFFFFF;
}

.line{
margin: 0 auto;
width:95%;
border-bottom:1px solid #7F7F7F;
margin-top: 10px;
margin-bottom: 10px;
}

.line_gray{
margin: 0 auto;
width:95%;
border-bottom:1px solid #C0C0C0;
margin-top: 10px;
margin-bottom: 10px;
}

td > div.line{
margin: 0 auto;
width:95%;
border-top:1px solid #BFBFBF;
border-bottom:1px solid #FFFFFF;
}

div.pg{
height:100px;
overflow: auto;
/*background-image: url('/img/static/aquarius_gray_light.jpg');*/
background-color: #F9F9F9;
}


div.body{
padding:0px;
}

.main_upper_toolbar{

}

.main_lower_toolbar{
display:none;

}

.upper_toolbar_right{
width:50%;
text-align:right;
padding-right:10px;

}

.upper_toolbar_right > .button{
color:#FFFFFF;
font-size:120%;
border:1px solid #FFFFFF;
padding:10px;
margin:5px;
border-radius: 5px;
}

.upper_toolbar_right > .tile_button{
padding:15px;

}

/*========================
 * custom
 */
 
a.button{
text-decoration:none;
white-space:nowrap;
}

a.button_modern{
text-decoration:none;
white-space:nowrap;
letter-spacing: 2px;
}

a.button_over{
display: inline-block;
border: 1px solid transparent;
padding:4px;
margin:4px;
border-radius: 5px;
}

a.button_over > img{
vertical-align:middle;
text-align:center;
}

a.button_over:hover{
display: inline-block;
border:1px solid #D4D4D4;
background: #E5E7EB;
}
a.button_circle{
background: none;
display: inline-block;
}
a.button_circle > img{
vertical-align:middle;
text-align:center;
}

a.button_circle:hover{

border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
animation-duration: 1s;
  animation-name: fadeIn;
  animation-fill-mode:forwards;
}

@keyframes fadeIn{
0% {
    background:none;
  }
  100% {
   background: #E5E7EB;
  }
  
}

@-webkit-keyframes fadeIn{
0% {
    background:none;
  }
  100% {
   background: #E5E7EB;
  }
  
}

a.tile_button{
background: #FF0000;
border-top:1px solid #FE7575;
border-bottom:1px solid #CB0202;
border-right:1px solid #DF2020;
border-left:1px solid #DF2020;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;	
padding-right:20px;
padding-left:20px;
padding-top:15px;
padding-bottom:15px;
margin:10px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
white-space:nowrap;
}

div.tile_button_container{
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 10px;
margin-top:0px;
margin-bottom:0px;
}

div.tile_button_container a {
    display: table-cell;
}

div.tile_img{
display: inline-block;
height:120px;
width:120px;
margin:7px;
border:1px solid #C0C0C0;
overflow:hidden;
vertical-align:middle;
text-align:center;
background-color:#C0C0C0;
background-repeat: no-repeat;
background-position: center;
}
div.tile {
display: inline-block;
height:120px;
width:120px;
/*float:left;*/
overflow:hidden;
margin:20px;
border:1px solid #898989;
border-radius: 10px;
text-align: center;
vertical-align: middle;
font-size:20px;
cursor: pointer;
background: #BFBFBF;
}




div.tile:hover {
/*background: url('/img/static/blue_70.png');*/
/*background: #FF0000;*/
border:1px solid #716D6D;
/*box-shadow: 0px 0px 5px #FF0000;*/
}


div.tile_cell {
    display: table-cell;
    vertical-align: middle;
    height:116px;
    width: 116px;
    max-width:116px;
    padding:2px;
    text-shadow:1px 1px 20px #FFFFFF;
    overflow:hidden;
	overflow-wrap: break-word;
    word-wrap: break-word;
  
}

div.tile_cell:hover {
	/*color: #2F2FA8;*/
text-shadow:1px 1px 20px #FFFFFF;
}



div.sm_tile {
display: inline-block;
height:68px;
width:68px;
float:left;
padding:2px;
margin:4px;
border:1px solid #BFBFBF;
border-radius: 5px;
text-align: center;
vertical-align: middle;
font-size:100%;
color: #BFBFBF;
cursor: pointer;
background: #DCDEE2;
}


div.sm_tile > .tile_cell {

    display: table-cell;
    word-wrap: break-word;
    vertical-align: middle;
    height: 64px;
    width: 64px;
    padding:0px;
	color: #BFBFBF;
}


/*background*/
.green{background-color: #4BA74B;}
.bg_accent{background-color:#3C3535;}/*default-accent*/
.bg_green{background-color: #4BA74B;}
.bg_gray{background-color: #BFBFBF;}
.bg_aquarius{background:url(/img/static/Aquarius_gray_50.jpg);}

.box_shadow_default{box-shadow: 0px 0px 5px #FF0000;}
.box_shadow_default-small{box-shadow: 0px 0px 3px #FF0000;}
.box-shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.box-shadow-black{box-shadow:0px 0px 30px #000000;}
.box-shadow-white{box-shadow:0px 0px 20px #ffffff;}
.box-shadow-red{box-shadow:0px 0px 20px #FF0000;}


.v_align-middle{vertical-align:middle}
.v_align-top{vertical-align:top}
.v_align-bottom{vertical-align:bottom}

.tlb_simple{
padding:5px;
padding-top:10px;
margin-top:0px;
margin-bottom:0px;
border-bottom	: 3px solid; 
color			: #7F7F7F;
background : #FFFFFF;
font-size:1.5em;
}
.tlb_simple a{
color:#4D4D4D;
}

.tlb_simple a.selected{
padding		: 10px;
font-size	: 150%;
background-color	: transparent;
color					: #7F7F7F;
}

.tlb_simple span.tab_sel{
position		: relative;
z-index		: 10;
top			: -3px;
padding				: 10px;
padding-bottom			:8px;
margin				: 0px;
background-color	: transparent;
border-bottom		: 3px solid #FF0000;

}

.tlb_simple span.tab{
position		: relative;
z-index		: 10;
top			: -3px;
padding				: 10px;
margin				: 0px;
}

.tlb_simple span.tab:hover{
border-bottom		: 3px solid #7F7F7F;
padding-bottom			:8px;
top			: -3px;	
background-color	: #E5E5E5;
}

.tlb_simple span.selected:hover{
border-bottom		: 3px solid #FF0000;
top			: -3px;
}

.tlb_simple span.btn{
margin: 10px;
padding: 5px;
background: #C0C0C0;
}

.tlb_simple span.btn > a{
color: #FFFFFF;
font-size: 90%;
}
/* ===========UL list=====================*/
ul.lst{

}
ul.lst li{
list-style-type: none;
padding:10px;
}
/* ===========UL toolbar=====================*/
.ul_tlb{
white-space: nowrap;   
display: block;
width: 100%;
padding:0px;
margin:0px;
}

.tlb_li{
list-style-type: none;
padding:0px;
margin:0px;
border-left:3px solid none;
overflow:hidden;
}
.tlb_li img {
background:url("/img/Faenza/places/16/folder.png");
vertical-align: middle;
margin-right: 5px;
}
.tlb_li.selected {
background-color: #DBC9C9;
color: #000000;
font-weight: normal;
}
.tlb_li.selected img {
background:url("/img/Faenza/places/16/folder_open.png");
vertical-align: middle;
margin-right: 5px;
}
.tlb_li a {
display:block;
white-space: nowrap;
width:100%;
height:100%;
padding:10px;
padding-right:15px;
margin:0px;
color: black;
}

.tlb_li a:link{
color:#000000;
}
/* ===========UL toolbar=====================*/
ul.v_tlbr{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;/*#3C3535*/
}
ul.v_tlbr.space >li{
margin-left:1px;
}
ul.v_tlbr > li{
display: inline-block;
zoom:1;
*display:inlinet: left;
}
 ul.v_tlbr.gray>li.spacer{
 padding:0px;
 background-color:transparent;
 }
ul.v_tlbr.gray >li{
background-color:#BFBFBF;
border-top: 1px solid #BFBFBF;
}
ul.v_tlbr > li > a{
   display:inline-block;
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
ul.v_tlbr.spacer-white>li.spacer{
   border-left:#FFFFFF;
}
ul.v_tlbr > li > a > img{
vertical-align:middle;
margin:5px;
}
ul.v_tlbr > li > a.selected{
  display: block;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  border-bottom: 2px solid red;
 }
 ul.v_tlbr>li.selected_underline{
 border-bottom:1px solid #FFFF00;
 }

 ul.v_tlbr>li.selected{
 color:#220707;background-color:#DED8D8;
 border-top: 1px solid #FF0000;
 }
 ul.v_tlbr>li.selected>a{
 color:#FF0000;
 }
 



/* ===========UL botton=====================*/
ul.v_btn.msg_box{
margin-top:20px;
min-width:4.5in;
}
ul.v_btn.spacer-white>li.spacer{
   background:#FFFFFF;
}
 ul.v_btn{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: none;
  text-align: center;
  display: table; /* [1] */
  table-layout: fixed; /* [2] */
  width: 100%; /* [3] */
}
ul.v_btn.small>li>a{
padding:8px;
}

ul.v_btn > li{
 display: table-cell;
 margin-top:1px;
 margin-bottom:1px;

}
ul.v_btn > li > a{
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  margin:0px;
  text-decoration: none;
}
ul.v_btn > li > a.small{
  padding: 8px;
}
ul.v_btn > li > a > img{
vertical-align:middle;
margin:5px;
}
ul.v_btn > li > a:hover{
background-color: #111111;
}
ul.black > li{
  background-color: #3C3535;
}
ul.black > li > a{
color:#FFFFFF;
background-color: #3C3535;
font-weight:bold;
}
ul.black > li > a.border{
border:1px solid #C0C0C0;
border-radius:5px;
}
ul.black > li > a.selected{
background-color: #111111;
color: #FFFFFF;
box-shadow: 0px 0px 5px #FFFFFF;
}
ul.black > li > a:hover{
background-color: #111111;
}
ul.black > li.spacer{
width:1px;
background: #111111;
margin:0px;
padding:0px;
}

ul.v_btn.gray>li{
  background-color: #C0C0C0;
}

ul.v_btn.gray > li > a.selected{
background-color: #A7A2A2;
color: #000000;
box-shadow: 0px 0px 5px #FFFFFF;
}
ul.v_btn.gray > li > a{
color: #000000;
background-color: #C0C0C0;
font-weight:bold;

}
ul.v_btn.gray > li > a:hover{
background-color:#BABABA;
}
ul.v_btn.gray > li > a.border{
border:1px solid #949494;
border-radius:5px;

}
.page{
max-width:8.5in;
background:#ffffff;
padding: 20px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
border:1px solid #C0C0C0;
}
/*=====================================*/
.btn{display:inline-block;margin:10px;cursor:pointer;vertical-align:middle;white-space:nowrap;}
.btn.block.black{display:block;width:3in;}
.btn.black{display:inline-block;padding:20px;cursor:pointer;vertical-align:middle;white-space:nowrap;}
.btn.display_none{display:none;}
.btn.small{padding:10px;padding-right:15px;padding-left:15px;}
.btn.vsmall{padding:5px;padding-right:15px;padding-left:15px;}
.btn.center{text-align:center;margin:0 auto;}
.btn img{vertical-align:middle;margin-right:5px;}
.btn:link{color:#220707;background-color:#DED8D8;}
.btn.black:link{color:#FFFFFF;background-color:#3C3535;}
.btn:hover{background-color:#D5CECE;}
.btn.black:hover{background-color:#2E2A2A;}
.btn:visited{color:#220707;}
.btn:active{background-color:#BFBFBF;}
.btn.selected{background-color:#DBC9C9;}
.btn.selected:hover{background-color:#DBC9C9;}
.tab{color:#220707;}
.tab img{vertical-align:middle;}
.tab:link{color:#220707;}
.tab:hover{color:#3F3A3A;}
.tab:visited{color:#220707;}
.tab:active{}
.tab.selected{background-color:#DBC9C9;}
.tab.selected:hover{background-color:#DBC9C9;}
/*=====================================*/
::-webkit-input-placeholder { /* Chrome */
  color: #BFBFBF;
  transition: opacity 250ms ease-in-out;
}
:focus::-webkit-input-placeholder {
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #BFBFBF;
  transition: opacity 250ms ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #BFBFBF;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #BFBFBF;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 1;
}


.placeholder{
color: #A7A7A7;
  opacity: 0.8;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #A7A7A7;
  opacity: 0.8;
}
::-moz-placeholder { /* Firefox 19+ */
color: #A7A7A7;
  opacity: 0.8;
}
:-ms-input-placeholder { /* IE 10+ */
color: #A7A7A7;
  opacity: 0.8;
}
:-moz-placeholder { /* Firefox 18- */
color: #A7A7A7;
  opacity: 0.8;
}

:placeholder-shown {
color: #A7A7A7;
  opacity: 0.8;
  transition: opacity 550ms ease-in-out;
}

.err-placeholer::-webkit-input-placeholder { /* Chrome */
  color: red;
  transition: opacity 250ms ease-in-out;
}
.err-placeholder:-ms-input-placeholder { /* IE 10+ */
  color: red;
  transition: opacity 250ms ease-in-out;
}
.err-placeholder::-moz-placeholder { /* Firefox 19+ */
  color: red;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
.err-placeholder:-moz-placeholder { /* Firefox 4 - 18 */
  color: red;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
/*div contenteditable="true" placeholder */
div:empty:before {
  content:attr(data-placeholder);
  color:#BFBFBF;
}
.av_list_item{border:1px solid #C0C0C0;margin-top:20px;padding-left:15px;}
.av_list_form  label{letter-spacing:normal;font-weight: normal;}

.av_animate{
display:inline-block;
}
.av_animate.small{
padding:1px;
width:18px;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
}
.av_animate.small img{
 top:-1px;
 left:-1px;
vertical-align:middle;
position:relative;
}
.accnt_img{
vertical-align:middle;
display:inline-block;
background:url('/img/static/transparent.gif');
background-repeat: no-repeat;
background-position: center;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.accnt_img.v-sm{
width:16px;
height:16px;
margin-right:5px;
}
.accnt_img.sm{
width:24px;
height:24px;
margin-right:5px;
}
.accnt_img.v-med{
width:32px;
height:32px;
margin-right:5px;
}
.accnt_img.med{
width:48px;
height:48px;
margin-right:5px;
}
.accnt_img.lrg{
width:64px;
height:64px;
margin-right:10px;
}
.accnt_img.v-lrg{
width:128px;
height:128px;
}

.accnt_img.v-sm.round_corners{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.accnt_img.sm.round_corners{
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.accnt_img.v-med.round_corners{
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}
.accnt_img.med.round_corners{
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}
.accnt_img.shadow-bk.v-sm{
box-shadow: 0px 0px 2px #000000;
}
.accnt_img.shadow-bk.sm{
box-shadow: 0px 0px 3px #000000;
}
.accnt_img.shadow-bk.v-med{
box-shadow: 0px 0px 4px #000000;
}
.accnt_img.shadow-wt.v-sm{
box-shadow: 0px 0px 2px #ffffff;
}
.accnt_img.shadow-wt.sm{
box-shadow: 0px 0px 3px #ffffff;
}
.accnt_img.shadow-wt.v-med{
box-shadow: 0px 0px 4px #ffffff;
}