.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-success {background-color: #27c24c;}
.label-info {background-color: #23b7e5;}
.label-warning{background-color:#ff902b}
.label-danger{background-color:#f05050}
.action_button {
    background-color:rgba(0, 0, 0, 0.5);
    padding: 8px;
}

.action_button:hover {
   background-color:rgba(0, 0, 0, 0.7);
}

._ml {
    margin-left: 5px;
}

._ml2 {
    margin-left: 10px;
}

._mr {
    margin-right: 5px;
}

._mr2 {
    margin-right: 10px;
}

div.red {background-color: #d9534f; color: white;}
div.green {background-color: #60A917; color: white;}

.col-box {
    width: 90%;
    min-height:130px; 
}

@media (min-width: 1300px) {
    .col-box {
        width: 22% !important;
    }
}

@media (min-width: 960px) {
    .col-box {
        width: 45%;
    }
}

.bb {
    margin-top: -10px;
    box-sizing: border-box;
}
.big_icon {
    margin-right: 20px; 
    text-align: center; 
    width: 90px; 
    height: 130px;
    line-height: 90px !important; 
    
    float: left; 
    border-right: 1px dotted #eee;
    display: block;
    
}
.as_input {
    background: #fefefe; 
    border: 1px solid #aaa; 
    padding: 5px;
    border-radius: 3px;
}

.cdr_info_box, .tag_info_box {
    min-width: 40px;
    white-space:nowrap;
    border-radius: 3px;
    background: #aaa;
    color: #fff;
    padding: 5px;
    margin: 2px;
    overflow: hidden;
}

.cdr_info_box {    
    max-width: 100px;  
    float: right;
}

.assigned, .highlight {
    border: 1px solid #989898;
    color: #676767;
    background-color: #dedede  !important ;
}

.number {
    background-color: #3f4c6b !important;
    color: #eee;
    border: 1px solid #3f4c6b;
}

.group_number {
    background-color: #537BC1 !important;
}

.number_selected {
    background-color: #E0DA60 !important;
    color: #444;
    border: 1px solid #3f4c6b;
}

._sc { font-variant: small-caps; }
._uc { text-transform: uppercase;}
.callback,.skill1 { background-color: #1BA1E2;}
.callmark,.skill2 { background-color: #ff7400;}
.userfield,.skill3 { background-color: #6bba70;}
.phonebook,.skill4 {background-color: #038D98;}
.queue,.skill5 {background-color: #4f85bb;}
.crmid,.skill6 {background-color: #666;}
.crmremote,.skill7 {background-color: #cc0000;}
.record,.skill8 {background-color: #5F7989;}
.skill9 { background-color: #5F7989;}
.skill0 { background-color: #5F7989;}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

input.short{
    width: 50px;
}
input.long{
width: 250px;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.calinfo_item { border-bottom: 1px dotted #ccc; }

img.desaturate{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.delighted { color: #878787 !important;}

.abs { position: absolute; }
.rel { position: relative; }

.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.chat_window {
    height: 350px; 
    width: 300px; 
    color: #444;
    background: #fff;
    position: absolute; 
    bottom: 32px;
    border: 1px solid #999;
}

.chat_board {
    background: #fff; 
    overflow: auto; 
    height: 262px;
}

.chat_board .chat_item {
	background-color: #eee;
    border: 1px solid #dfdfdf; 
    border-radius: 4px;
    min-height: 50px;
    margin: 6px;
    margin-bottom: 10px;
}

.chat_board .msg_text {
    word-wrap: break-word;
}



input.white_button {
    border: 0px;
    background: transparent;
    
    
	color: #666;
	border: 1px solid #aaa;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: 0px 0px 0px;
}

.red_bg { background: ;}

.green_bg {
background: #9dd53a !important; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ) !important; /* IE6-9 */

}
.red2_bg {
background: #f85032 !important; /* Old browsers */
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}

.numberpad{
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}

.numberpad:active {
background: #fff;
}

.blue_bg {
background: #e0f3fa; /* Old browsers */
background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */

}
.blue_bg:active {
background: #fff;
}


a, .pointer, .subhead { cursor:pointer; }
a:link {color:; cursor: pointer;  text-decoration: none;}
a:visited {color:; cursor: pointer; text-decoration: none;}
a:hover {color:; cursor: pointer; text-decoration: underline; }
.subhead a { color: ; }
a.red {color:red; font-size:;}
a.normal {font-size:;}

a.headlink {color:;}
a:link.headlink {color:; cursor: pointer;  text-decoration: none;}
a:visited.headlink {color:; cursor: pointer; text-decoration: none;}
a:hover.headlink {color:; cursor: pointer; text-decoration: underline; }

a:link.white { color: white;text-decoration: none; }
a:visited.white { color: white;text-decoration: none; }
a:hover.white { color: white;text-decoration: none; }

.white { color: white; }
.black { color: black; }
.bold, .bolding, .b { font-weight: bold;}
.hidden, .h { display: none; }

.lh16 {line-height: 16px !important;}
.lh18 {line-height: 18px !important;}
.lh20 {line-height: 20px !important;}
.lh22 {line-height: 22px !important;}
.lh24 {line-height: 24px !important;}
.lh26 {line-height: 26px !important;}

.p { padding: 2px; }
.p2 { padding: 5px; }
.p3 { padding: 7px; }
.p4, .padder { padding: 10px; }
.p5 { padding: 12px; }
.p20 { padding: 20px;}

.m { margin: 2px; }
.m2 { margin: 5px; }
.m3 { margin: 7px; }
.m4 { margin: 10px; }
.m5 { margin: 12px; }

.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }


/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader {color: #000000;text-decoration: none;font-style: normal;font-weight: bold;font-family: ; font-size:;}

.sysquote {color: #000000;background-color: #fafafa;border: 1px solid #000000;margin: 1px; padding: 1px;font-size: ;}

pre.quote {
	color: #000000;
	background-color: #fafafa;
	border: 1px dotted #666;
	margin: 1px; 
	padding: 1px;
	font-family: ; 
	font-size:;
}

pre.greeting {
    color: #444;
    background-color: #fafafa;
    border: 1px dotted #666;
    padding: 6px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
}

.huge {font-size:;}
.large {font-size:;}
.normal { font-size:;}
.seminorm { font-size:;}
.small { font-size:;}
.verysmall { font-size:;}

.medium { font-size:;}
.big {font-size:;}

table {
	border-collapse: initial;
}

.tfo { 
    padding: 5px; 
    border: #9a9a9a 1px solid; 
    font-family: ;
    border-radius: 2px;
    color: #666;
}

.tf {
    padding: 5px; 
    font-family: ; 
    border: #9a9a9a 1px solid; 
    font-size: ; 
    background-color: ;
    border-radius: 3px;
    margin:2px;
    color: #666;
}

.tf_ad {
	padding: 3px; 
	font-family: ; 
	background: #787777; 
	color: #fff; 
	border: #666 1px solid;
	font-size: ; 
}

.tfl {
    padding: 5px; 
    font-family: ; 
    border: #9a9a9a 1px solid; 
    font-size: ; 
    width:98%; 
    background-color: ;
    border-radius: 3px;
    color: #666;
}

.tfs {
    padding: 3px; 
    font-family: ; 
    border: #9a9a9a 1px solid; 
    font-size: ; background-color: ;
    border-radius: 3px;
    color: #666;
}

.tfl:hover,.tf:hover, .tf_sel {
	border: 1px solid #ab0000;
	background: #fffbc2;
    border-radius: 3px;
}

.topMenu { font-size: ; }
.error { color:black; font-size:;}

span.orangetext { font-weight: bold; color: #e08f1c;}
span.redtext { font-weight: bold; color: #aa0000;}
span.bluetext { font-weight: bold; color: #1212ab;}
span.greentext { font-weight: bold; color: #00aa00;}

.help_box {	
	cursor: pointer;
	position: absolute;
	padding: 8px;
	width: 180px;
	background: #fff;
	
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 	

  	-moz-box-shadow:    1px 1px 2px 2px #ccc;
  	-webkit-box-shadow: 1px 1px 2px 2px #ccc;
  	box-shadow:         1px 1px 2px 2px #ccc;	
  	
}

.info_box {
	
	cursor: pointer;
	position: absolute;
	padding: 8px;
	background: #fff;
	
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 	

  	-moz-box-shadow:    1px 1px 2px 2px #ccc;
  	-webkit-box-shadow: 1px 1px 2px 2px #ccc;
  	box-shadow:         1px 1px 2px 2px #ccc;	
  	
}

.closebutton_mobile {
	line-height: 72px; 
	height: 72px; 
	padding: 3px 20px 3px 20px;  
	background: #dedede; 
	border: 1px dotted #888;
	text-align: center;
}

table#view {}
table#calendar {}
table#calendar .today {
	background: #ffaaaa; 
	font-weight: bold; 
}

table#calendar .selected {
	background: #fff; 
	font-weight: bold; 
	border: 1px dotted #666;
}

.left, .l {float: left;}
.right, .r {float: right;}
.clear, .c, #search_window  {clear: both;}

.round {
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

.sround {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.ssround {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.round_top {
	border-radius: 5px 5px 0px 0px; 
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px; 
}

.shadow {
  -moz-box-shadow:    1px 1px 2px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px 2px #ccc;
  box-shadow:         1px 1px 2px 2px #ccc;
}

.oe_shadow {
        -webkit-box-shadow: 0 8px 6px -6px #404040;
           -moz-box-shadow: 0 8px 6px -6px #404040;
                box-shadow: 0 8px 6px -6px #404040;
}

.cuuma_bg {
background: #f39540; /* Old browsers */
background: -moz-linear-gradient(top,  #f39540 0%, #ff4840 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f39540), color-stop(100%,#ff4840)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f39540 0%,#ff4840 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f39540 0%,#ff4840 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f39540 0%,#ff4840 100%); /* IE10+ */
background: linear-gradient(top,  #f39540 0%,#ff4840 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39540', endColorstr='#ff4840',GradientType=0 ); /* IE6-9 */
}

.gray_bg {
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.gray_bg:hover {
background: #c0c0c0; /* Old browsers */
background: -moz-linear-gradient(top,  #c0c0c0 0%, #bababa 50%, #b2b2b2 51%, #d8d8d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(50%,#bababa), color-stop(51%,#b2b2b2), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c0c0c0 0%,#bababa 50%,#b2b2b2 51%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c0c0c0 0%,#bababa 50%,#b2b2b2 51%,#d8d8d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c0c0c0 0%,#bababa 50%,#b2b2b2 51%,#d8d8d8 100%); /* IE10+ */
background: linear-gradient(top,  #c0c0c0 0%,#bababa 50%,#b2b2b2 51%,#d8d8d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

}

.bg_light {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */

}

.bg_light:hover {
	background: #f2f6f8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZTFlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I1YzZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
	background: linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-8 */
}

.button {
	padding: 8px 12px 8px 12px;
	cursor: pointer;
}

.green_fade {
	background: url('https://somicvoice.fi/include/grad.php?s=45ab45&e=aaffaa&h=40&w=2') top repeat-x #45ab45;
}
.yellow_fade {
	background: url('https://somicvoice.fi/include/grad.php?s=e1e112&e=fff9d4&h=40&w=2') top repeat-x #fff9d4;
}
.red_fade {
	background: url('https://somicvoice.fi/include/grad.php?s=ef4545&e=ec7d7d&h=40&w=2') top repeat-x #ef4545;
}

.not_defined {
	font-size: 10px;
	text-decoration: italic;
	color: #888;
}

option, select { color: #333; }

.inform dt.INFO { color: #0000aa; }
.inform dt.NOTICE { color: #aa00aa; }
.inform dt.WARNING { color: #aa4400; }
.inform dt.ERROR { color: #aa0000; }
.inform dt.DEBUG { color: #00aa00; }
.icon { vertical-align: middle; }

.shadow_div {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: none;
    background-color: #CCC;
    filter: alpha(opacity = 55);
    opacity:.55;
}

ul.basicmenu {
	list-style: none; 
	padding: 0px; 
	margin: 0px;
}

ul.basicmenu li {
	padding: 3px;
	background: #efefef;
}

ul.basicmenu li:hover {
	background: #f4dcdc;
}

ul.topmenu,ul.dark_topmenu {
	list-style: none; 
	padding: 0px; 
	margin: 0px;
}

ul.topmenu li, ul.dark_topmenu li {
	float: left;
	margin: 2px 3px 0px 3px;
		
	border-radius: 5px 5px 0px 0px; 
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px; 
	background: #efefef;
	padding: 6px;
	cursor: pointer;
	min-width: 80px;
	text-align: center;
}

ul.topmenu li.sel, ul.topmenu li:hover, ul.topmenu_s {
	background: #fefefe;
	font-weight: bold;
}

ul.dark_topmenu .sel, ul.dark_topmenu li:hover {
	background: #bababa;
	font-weight: bold;
}



/* button */
input[type="button"], input[type="submit"], .div_button {
	padding: 5px;
	margin: 2px;
	border: 1px solid #666;
	background:#dedede;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	
	-moz-box-shadow:    0px 1px 1px 0px #aaa;
	-webkit-box-shadow: 0px 1px 1px 0px #aaa;
	box-shadow:         0px 1px 1px 0px #aaa;
	
}

input[type="button"].blue_button, input[type="submit"].blue_button {
    background: #1BA1E2;
    border: 1px solid #1BA1E2;
    color: white;
}

input[type="button"].white_button, input[type="button"].white_button:hover {
	background:#dedede;
	color: #666;
	border: 1px solid #aaa;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: 0px 0px 0px;
}

input[type="select"], select {
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	padding: 4px;
	background: #fff;
}

#load_products {
	padding: 0;
	margin: 0;
	border: 0;
}

div#loading { padding: 8px; }

ul#topmenu {
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: bold;
}

ul#topmenu li {
	/*background: url('https://somicvoice.fi/include/grad.php?s=f8bd7d&e=e79135&h=40&w=2') top repeat-x #e79135;*/
	float: left;
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 4px;
}
ul#topmenu li a {
	color: #fff;
}

ul#topmenu li:hover {
	background: url('https://somicvoice.fi/include/grad.php?s=fff9d4&e=fff19a&h=40&w=2') top repeat-x #fff19a;
	cursor: pointer;

}

ul#topmenu li:hover a {
	color: #404040;
}

#error_box {
	display: none;
	background: #ffcece; 
	height: 150px; 
	width: 330px; 
	position: fixed; 
	bottom: 24px; 
	right: 0;
	padding: 10px;
	overflow-y: scroll;;	
}

#export_show_results {
	overflow-y: scroll;;	
	max-height: 300px; 
	border: 1px dotted #666; 
	background: #fefefe; 
	padding: 5px;
}

#float_bottom {
	width: 100%; 
	position: fixed; 
	bottom: 0;
}

input.selected {
	background-color: #ffacac;
	margin-bottom: 2px;
}
.statebutton {margin-bottom: 2px; background: #666 !important; color: #fff;}
.yellow_hl { background: #aaffaa;}
.overlined {
	text-decoration: line-through; 
	color: #888;
}