/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;} .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/* common elements */

* { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* #dashboard, .controls { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif !important; } */
h1 { font-size: 24px; margin: 10px 0px 10px 0px; }
h2 { font-size: 20px; margin: 10px 0px 10px 0px; }
h3 { font-size: 18px; margin: 10px 0px 10px 0px; }
p { margin: 10px 0px 10px 0px; }
ul { margin: 10px 0px 10px 0px; padding-left: 20px; list-style-type: square; }
li { list-style-type: square; }
a { text-decoration: none; color: #507adf; cursor: pointer; }
a:hover { text-decoration: none; cursor: pointer; }
td { border: 0px; vertical-align: top; padding: 0px; margin: 0px; }
img { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; margin: 0px; } /* tables still need 'cellspacing="0"' in the markup */
ins { text-decoration: none; color: #339; }
del { text-decoration: line-through; }
label { font-weight: bold; }
:focus { outline: 0; }

/* Q classes */

.Q_selected { background-color: #b6d4f2; color: black; }
.Q_clickable { cursor: pointer; }
.Q_clickable:hover { background-color: #91c2f2 !important; background-color: rgba(145, 194, 242, 0.5) !important; color: black !important; box-shadow: #aaa 0px 0px 3px; -webkit-box-shadow: #aaa 0px 0px 3px; -moz-box-shadow: #aaa 0px 0px 3px; }
.Q_clickable:active { background-color: #91c2f2 !important; background-color: rgba(145, 194, 242, 1) !important; color: black !important; box-shadow: #aaa 0px 0px 0px; -webkit-box-shadow: #aaa 0px 0px 0px; -moz-box-shadow: #aaa 0px 0px 0px; }
#dashboard .Q_clickable:hover { background-color: #91c2f2 !important; background-color: rgba(145, 194, 242, 0.9) !important; color: black !important; box-shadow: #aaa 0px 0px 3px; -webkit-box-shadow: #aaa 0px 0px 3px; -moz-box-shadow: #aaa 0px 0px 3px; }
#dashboard .Q_clickable:active { background-color: #91c2f2 !important; background-color: rgba(145, 194, 242, 1) !important; color: black !important; box-shadow: #aaa 0px 0px 0px; -webkit-box-shadow: #aaa 0px 0px 0px; -moz-box-shadow: #aaa 0px 0px 0px; }
.Q_errors { color: #a00; }
.Q_error_message { z-index: 21000; font-size: 12px; background-color: #a00; color: white; padding: 2px 5px 4px 5px; opacity: 0.8; }
.Q_error_message p { margin: 0px; }
.Q_placeholder { color: #999; font-weight: normal; }

/* basic layout  */

html { background: #F8F8FA; height: 100%; /* overflow: hidden; */  /* background: #f3f3f3; */ }
body { text-align: center; height: 100%; }
#dashboard_slot,
#notices_slot,
#content_slot { text-align: center; }
#dashboard,
#notices,
#content { width: 990px;  margin: auto; text-align: left; }
#content { position: relative; }
#content_slot { position: relative; }
#page { position: absolute; top: 0px; bottom: 55px; width: 100%; overflow: auto; /* top: 54px; */ /* padding-top: 10px; */
    left:50%; margin-left:-50%; /* reset position for ie7, ff4+ */
}
.Qbix_canvas_pane { width: 950px; padding: 20px; position: relative; float: left; position: relative; /* border: 1px solid #dedede; */ /* background: #f3f3f3; */ background:  #F8F8FA; }
.Qbix_canvas_pane a:hover { text-decoration: underline; }

#dashboard_slot { height: 45px; }
#dashboard td.Qbix_dashboard_search input { margin: 0px; }

/* notices slot */

#notices_slot { position: relative; text-align: center; margin: auto; padding: 0px 0px 5px 0px; max-height: 100px; overflow: hidden; }
#notices { margin: auto; }
#notices_slot div.container { overflow: none; overflow-y: auto; }
#notices_slot ul { list-style-type: none; padding: 0px; margin: auto; width: 700px; border: solid 1px #555; border-top: solid 1px #aaa; box-shadow: 0 0 5px #222; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; }
#notices_slot li { list-style-type: none; padding: 0px; margin: 0px; text-align: center; background: #ffd4aa; border: 0px; border-bottom: solid 1px #aaa; line-height: 30px; min-height: 30px; }

#notices_slot ul.pie_errors * { background-color: #ebb; color: #500; }
#notices_slot ul.pie_errors li { text-align: left; padding: 0px 10px 0px 10px; }

#notices_slot .Q_field_name { float: right; font-size: 12px; padding-right: 10px; }

/* content slot with index */

#content.Qbix_with_index .Qbix_index_pane { width: 200px; float: left; }
#content.Qbix_with_index .Qbix_canvas_pane { width: 748px; }

#dashboard_slot { z-index: 9000; position: fixed; bottom: 0px; width: 100%; text-align: center; border: solid 0px #aaa; 
	box-shadow: #aaa 0px 0px 4px; -webkit-box-shadow: #aaa 0px 0px 4px; -moz-box-shadow: #aaa 0px 0px 4px;
	background: #444; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #444444,  #111111); /* for firefox 3.6+ */
    left:50%; margin-left:-50%; /* reset position for ie7, ff4+ */
}
#dashboard_slot * { font-family: Arial, sans-serif; }
#dashboard { position: relative; width: 990px; margin: auto; text-align: left; }
#dashboard td { vertical-align: middle; }
#dashboard table { width: 100%; padding: 0px; margin: 0px; }
#dashboard .Qbix_dashboard_logo { padding: 0px; }
#dashboard .Qbix_dashboard_logo a { padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#dashboard .Qbix_dashboard_logo img { height: 40px; }
#dashboard .Qbix_dashboard_user { text-align: right; }
#dashboard a.Qbix_login,
#dashboard a.Qbix_logout { padding: 8px 12px 8px 12px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: white;  font-size: 14px; }
#dashboard .Qbix_dashboard_search { padding: 8px 10px 8px 10px; font-weight: bold; text-align: left; }
#dashboard .Qbix_dashboard_search input {
	
	width: 104px;
	margin-right: 4px;
	border-radius: 2em;
	-moz-border-radius: 2em;
	padding-left: 27px;
	padding-right: 17px;
	border: none;
	border-top: 1px solid #CCC;
	background: white url(../img/search_icon.png) no-repeat;
	color: #444;

}

#dashboard .Q_tabs_tabs { border: 0px; }
#dashboard .Q_tabs_tab { cursor: pointer; float: left; width: 120px; margin: 0px 10px 0px 10px; border: 0px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f8f8f8; background: none; font-size: 14px; line-height: 30px !important; margin-top: 5px; text-align: center; }
#dashboard .Q_tabs_tab:first-child { border-top: 0px solid #e5e5e5; border-left: 0px; }
#dashboard .Q_tabs_tab,
#dashboard .Q_tabs_tab * { cursor: pointer; vertical-align: middle; }
#dashboard a.Q_tabs_tab { text-decoration: none; color: white; }
#dashboard a.Q_tabs_tab:hover { text-decoration: none; }
#dashboard a.Q_tabs_tab img { margin-right: 10px; width: 24px;}
#dashboard .Q_tabs_tab span { display: inline; text-align: left; }
#dashboard a.Q_tabs_tab.Q_selected { background-image: url(../img/bg/noise_lightgray.jpg) !important; color: black !important; }
#dashboard img {float:none !important; padding:0 !important;} /* fix for nicestuff bad html practice ;) (nakrill)*/

/*
#dashboard .Q_selected { background-color: #ddd !important; color: black !important; }
#dashboard .Q_clickable { cursor: pointer; }
#dashboard .Q_clickable:hover { background-color: #eee !important; color: black !important; box-shadow: #777 0px 0px 2px; -webkit-box-shadow: #777 0px 0px 2px; -moz-box-shadow: #777 0px 0px 2px; }
*/

/*
#dashboard_slot { z-index: 9000; position: fixed; bottom: 0px; width: 100%; text-align: center; background: #f3f3f3; box-shadow: #aaa 0px 0px 4px; -webkit-box-shadow: #aaa 0px 0px 4px; -moz-box-shadow: #aaa 0px 0px 4px; }
#dashboard { position: relative; width: 990px; margin: auto; text-align: left; }
#dashboard td { vertical-align: middle; }
#dashboard table { width: 100%; padding: 0px; margin: 0px; }
#dashboard .Qbix_dashboard_logo { height: 80px; width: 80px; padding: 10px; }
#dashboard .Qbix_dashboard_logo img { height: 80px; width: 80px; }
#dashboard .Qbix_dashboard_login { text-align: right; }
#dashboard a.Qbix_login { padding: 8px 12px 8px 12px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#dashboard .Qbix_dashboard_search { padding: 8px 10px 8px 10px; font-weight: bold; text-align: left; }
#dashboard .Qbix_dashboard_search input { width: 120px; }

#dashboard .Q_tabs_tabs { border: 0px; }
#dashboard .Q_tabs_tab { float: left; width: 80px; margin: 0px 5px 0px 5px; border: 0px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f8f8f8; background: none; font-size: 14px; text-align: center; }
#dashboard .Q_tabs_tab:first-child { border-top: 0px solid #e5e5e5; border-left: 0px; }
#dashboard .Q_tabs_tab,
#dashboard .Q_tabs_tab * { cursor: pointer; vertical-align: middle; }
#dashboard a.Q_tabs_tab { text-decoration: none; }
#dashboard a.Q_tabs_tab:hover { text-decoration: none; }
#dashboard a.Q_tabs_tab img { margin-right: 0px !important; width: 48px; }
#dashboard .Q_tabs_tab span { display: block; text-align: center; }
*/

/* index pane */

.Qbix_index_logo { text-align: center; }

/* dialogs */

#dialog { width: 500px; }
/* the overlayed element */
.Q_overlay { background: url(../img/bg/overlay.png); display:none; width: 350px; text-align:left; padding: 0px; border: 2px solid #444; z-index: 20000;
 opacity: 1; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 0 20px #333; -webkit-box-shadow: 0 0 50px #333; }

.Q_dialog_title { padding: 10px; margin:0px; border-bottom: 1px solid #333; font-size: 20px; height: 20px; font-weight: bold; color: white; cursor: default;
	background: #444; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#111'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #444,  #111); /* for firefox 3.6+ */
}
.Q_overlay .close { background-image:url(../img/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }

/* tabs */

.Qbix_dashboard_modules .Q_tabs_tabs { border: 0px; }
.Qbix_sections .Q_tabs_tab { float: left; clear: left; width: 160px; margin: 0px 10px 0px 10px; border-top: 1px solid #e5e5e5; border-right: 0px !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #f8f8f8; background: none; font-size: 14px; }
.Qbix_sections .Q_tabs_tab:first-child { border-top: 0px solid #e5e5e5; border-left: 0px; }
.Qbix_sections .Q_tabs_tab,
.Qbix_sections .Q_tabs_tab * { cursor: pointer; vertical-align: middle; }
.Qbix_sections a.Q_tabs_tab { text-decoration: none; }
.Qbix_sections a.Q_tabs_tab:hover { text-decoration: none; }
.Qbix_sections a.Q_tabs_tab img { margin-right: 10px; width: 24px; }

/* buttons */

div.Q_buttons { text-align: center; }

button,
.Q_button { border-width:1px; font-size:1em; padding: 1px 5px 1px 5px; color: #fff; cursor:pointer; -moz-border-radius: 0.3em;  -webkit-border-radius: 0.3em; border-color: rgba(200,200,200,0.5); border-bottom-color: rgba(0,0,200,0.2); border-right-color: rgba(0,0,200,0.2);	box-shadow: 0px 0px 1px rgba(50,50,50,0.5); -moz-box-shadow: 0px 0px 1px rgba(50,50,50,0.5); -webkit-box-shadow: 0px 0px 1px rgba(50,50,50,0.5);
	background: #444; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#222'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #444,  #222); /* for firefox 3.6+ */	
}
button:disabled,
.Q_button:disabled { cursor: default; }
button:focus,
button:hover,
button.focus,
.Q_button:focus,
.Q_button:hover { -moz-box-shadow: 0px 0px 2px rgba(40,40,80,0.8); -webkit-box-shadow: 0px 0px 2px rgba(40,40,80,0.8); 
	background: #444; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#111'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #444,  #111); /* for firefox 3.6+ */
}
button:active,
button.active,
.Q_button:active { -moz-box-shadow: 0px 0px 0px rgba(40,40,80,0.8); -webkit-box-shadow: 0px 0px 0px rgba(40,40,80,0.8); border-bottom-color: rgba(0, 0, 250, 0.2); border-right-color: rgba(0, 0, 250, 0.2);
	background: #222; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333,  #333); /* for firefox 3.6+ */
}
button.basic16 { background-color: #eee; color: black; }
button.basic16:active { background-color: #ccc; color: black; }
#notices_slot button { background: none; color: inherit; }

/* tooltips */

.Q_tooltip { background-color: #555; /* #005; */ border:1px solid #fff; padding:10px 15px; width:200px; display:none; color:#fff; text-align:center; font-size:12px; z-index: 22000;
 /* outline radius for mozilla/firefox only */ -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; }

/* inputs */

input[type=text],
input[type=password],
input.text,
input.password,
textarea { border: 1px solid #ccc; border-bottom: 1px solid #aaa; cursor: text; font-family: "Trebuchet MS"; }
input.placeholder,
textarea.placeholder { color: #999; font-style: italic; }
select:focus { outline: dashed 1px #779; }
/* select { margin-top: 0.75em; } */
input[type=text],
input[type=password],
input.text,
input.password {  margin-top: 0.5em; margin-bottom: 0.5em; -moz-border-radius:3px; -webkit-border-radius:3px; padding: 4px; }
.Q_focus .Q_placeholder { color: #ccc; }

/* big prompts */

.Q_big_prompt { padding: 10px; }
.Q_big_prompt input[type=text],
.Q_big_prompt input[type=email],
.Q_big_prompt input[type=tel],
.Q_big_prompt input[type=password],
.Q_big_prompt input.text,
.Q_big_prompt input.email,
.Q_big_prompt input.tel,
.Q_big_prompt input.password { font-size: 18px !important;  -moz-border-radius:3px; -webkit-border-radius:3px; width: 250px; }
.Q_big_prompt select { font-size: 18px !important;  -moz-border-radius:3px; -webkit-border-radius:3px; }
.Q_big_prompt .Q_field_title { vertical-align: middle; text-align: right; padding-right: 10px; }
.Q_big_prompt select { vertical-align: middle; }


/* big messages */

.Q_big_message { padding: 30px 30px 50px 30px !important; font-size: 20px; font-weight: bold; text-align: center; }
.Q_big_message>div { padding-top: 20px; }
.Q_big_message>.Q_explanation { font-size: 18px; font-weight: normal; }

/* user login */

#Users_login_identifier { width: 250px !important; }
#Users_setIdentifier_identifier { width: 310px !important; }
#Users_login_noPassphrase { font-size: 14px; color: #a00; }
#Users_login_identifierExists { font-size: 12px; color: #555; }
#Users_login_explanation { font-size: 13px; color: #779; text-indent: 5px; }
#Users_login_usingServices { padding: 10px; font-size: 13px; color: #779; text-indent: 5px; text-align: left; }
#Users_form_passphrase { width: 300px; }
#Users_login_username { width: 200px; }
.Users_login_get_started { text-align: center; }


/* streams basic tool */

.streams_basic_overlay { font-size: 14px; width: 500px; }
.streams_basic_overlay td { vertical-align: middle; }
.streams_basic_overlay .Q_field_title { width: 150px; text-align: right; padding-right: 10px; }


/* typical containers */

.Qbix_slogan { text-align: left; font-size: 40px; text-shadow: 0 1px 0 white; line-height: 1.385; margin: 0px; padding: 27px 0px 9px 0px; font-weight: 200; margin-top: 0; color: #6aaaeb; font-size: 40px; }
.Qbix_introduction { text-align: left; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 18.2px; font-weight: 300; line-height: 23.4px; margin: 0; }
.Qbix_carousel { margin: 10px; padding: 20px; border: solid 1px #c2b957; background: #f2e079; }
.Qbix_engage { padding: 20px; text-align: center; }
.Qbix_installs { color: #6aaaeb; }
.Qbix_reviews { font-size: 14px; }
.Qbix_sections * { font-family: "Arial Rounded MT Bold", Arial, sans-serif; font-weight: normal; }

html,
.Qbix_canvas_pane { background-image: url(../img/bg/shinedotted.png); }




/* GREETINGS */
#greeting.business * {font-family:'PT Sans Narrow', 'Lucida Grande', 'Arial' !important;}
#greeting.business {background: url('https://qbix.com/img/greetings/cloud-bg.jpg') no-repeat center top; margin: 50px auto 0 auto; width:851px; height:586px; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; font-size:20px; color:#00111b;}

#greeting.business div.photo {overflow: hidden; width: 245px; height: 280px; float: left; margin-left: 12px; margin-top: 11px; border-radius: 15px;}
#greeting.business div.photo img {min-height: 280px; width: auto !important;}
#greeting.business div.text {float: right; width: 450px; height: 210px; font-size:20px; margin-right: 115px; margin-top: 65px;}
#greeting.business div.text h1 {padding-top: 10px; color:#008aff; font-size:1.5em;}

#greeting a.qbixlogo {width:80px; height:80px; background: url(https://qbix.com/img/greetings/qbix-logo.png); display: block;}
#greeting.business a.qbixlogo {position: relative; top: 315px; left: 70px;}

#greeting.business .reachform {float: right; width: 660px;}
#greeting.business .reachform label {font-weight:normal; font-size:20px;}
#greeting.business .reachform input {border-radius: 15px; border: #333 1px solid !important; padding: 2px 10px; margin-left:10px; height:22px;}

#greeting .reachform form {width:700px; padding:0; margin: 20px 0 0 110px;}
#greeting .reachform label, #greeting .reachform span {display:inline-block; height:30px;}

#greeting .reachform .Q_placeholder {font-size:17px;}

#greeting.business .reachform button {margin-left: 210px; margin-top: 10px;
	font-family: 'PT Sans Narrow'; font-size: 22px; font-weight:bold; color: #ffffff;
	padding: 2px 25px;
	background: -moz-linear-gradient(
		top,
		#9e9e9e 0%,
		#636363);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#9e9e9e),
		to(#636363));
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; 
	border: 1px solid #3d3d3d;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5),
		inset 0px -1px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5),
		inset 0px -1px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5),
		inset 0px -1px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
#greeting.business .reachform button:hover {
	background: -moz-linear-gradient(
		top,
		#a8a8a8 0%,
		#525252);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a8a8a8),
		to(#525252));
}

#greeting.business .postscript {clear: both; width: 380px; margin: 0 auto; font-size: 0.8em; position: relative; top: 15px;}
/* END GREETINGS */

/* GREETINGS */
#greeting.personal * {font-family: 'Just Another Hand', cursive; !important;}
#greeting.personal {background: url('https://qbix.com/img/greetings/notepad-bg.jpg') no-repeat center top; margin: 50px auto 0 auto; width:883px; height:628px; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; font-size:20px; color:#00111b;}

#greeting.personal div.photo {overflow: hidden; width: 245px; height: 280px; float: left; margin-left: -48px; margin-top: -79px; border-radius:10px; border: 8px white solid; box-shadow:#000 0px 1px 3px;}
#greeting.personal div.photo img {min-height: 280px; width: auto !important; border-radius:10px;}
#greeting.personal div.photo {position: absolute; margin-top: 188px; margin-left: 60px; -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg);}
#greeting.personal div.photo:hover {-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);}

#greeting.personal #skrepka{background: url('https://qbix.com/img/greetings/skrepka.png') no-repeat; width: 62px; height: 101px; position: absolute; margin-top: 154px; margin-left: 265px;}
#greeting.personal #ruchka {background: url('https://qbix.com/img/greetings/pen.png') no-repeat; width:176px; height:280px; position: absolute; margin-top:288px; margin-left:224px; z-index: 50;}


#greeting.personal div.text {float:none; font-size:28px; color:#101b28;}
#greeting.personal div.text p {font-size:32px; line-height:1em;}
#greeting.personal div.text h1 { padding-top: 12px; color:#eb4417; font-size:1.2em; line-height: 1em;}

#greeting a.qbixlogo {width:80px; height:80px; background: url('https://qbix.com/img/greetings/qbix-logo.png'); display: block;}
#greeting.personal a.qbixlogo {position: relative; top: 242px; left: 10px;}

#paper {background: url('https://qbix.com/img/greetings/paper.jpg') no-repeat; width: 370px; height: 510px; position: absolute; margin-left: 420px; top: 30px; padding: 20px 30px;}
#paper .qbixlogo {display:none !important;}
#paper {-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);}
/*#paper:hover {-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);}*/

#greeting.personal .reachform label {font-weight:normal; font-size:28px;}
#greeting.personal .reachform input {border-radius: 15px; border: #333 1px solid !important; padding: 2px 10px; margin-left:10px; height:22px;}

#greeting.personal .reachform input[name="message"] {width: 90%;}

#greeting .reachform form {width:100%; padding:0; margin: 20px 35px 0 0;}
#greeting .reachform label, #greeting .reachform span {display:inline-block; height:30px; }
#greeting .reachform input {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px;}

#greeting .reachform .Q_placeholder {font-size:20px; }

#greeting.personal .reachform button {margin-left: 210px; margin-top: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight:bold; color: #ffffff;
	padding: 2px 25px;
	background: -moz-linear-gradient(
		top,
		#9e9e9e 0%,
		#636363);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#9e9e9e),
		to(#636363));
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; 
	border: 1px solid #3d3d3d;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5),
		inset 0px -1px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5),
		inset 0px -1px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5),
		inset 0px -1px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
#greeting.personal .reachform button:hover {
	background: -moz-linear-gradient(
		top,
		#a8a8a8 0%,
		#525252);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a8a8a8),
		to(#525252));
}

#greeting.personal .postscript {clear: both; width: 370px; margin: 0 auto; font-size:20px; position: relative; top: 15px; text-align: center; color:#735946;}
/* END GREETINGS */


.Qbix_showAfterResize { opacity: 0; }


#scrolling { background: red; position: absolute; top: 80px; left: 80px; width: 400px; height: 400px; overflow: auto; }


#Qbix-content-overview ul { text-align: left; float: right; padding-right: 10px; list-style-type: none; padding: 0px; margin: 0px; }
#Qbix-content-overview ul li { list-style-type: none; padding: 0px; }
#Qbix-content-overview img.Qbix-presentation-screen { font-size: 18px; float: right; }
#Qbix-content-overview ul a { font-size: 18px; display: block; width: 250px; padding: 5px; }
#Qbix-content-overview ul a.selected { color: #007; background: #fff; }


.Qbix_person_image img {
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.Qbix_installs, .Qbix_installs_plus { color: #222; width:350px; height:150px; }