html, body {
        font-size: 14px; /* this blocks font size chaning in IE7 but document scaling works pretty well */
        height: 100%;
        min-height: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
}
* html {
        font-size: 97%;  
}
* html body {
        font-size: 90%;  /* this meet 14px by default in all IEs with default settings */
}

#container {
        min-height: 100%;
        height: 100%;
        /*min-width: 55em;*/
        /*width: 100%;*/
}
/*
*  for IE<7 fix min-width behavior
*/
* html #container {
        behavior: url('minwidth.htc');
        width: 55em;
}

#container #content {
        height: 100%;
        min-height: 100%;
        position: relative;
        width: 100%;
}
#container #header {
        /*min-height: 1.2em;
        height: 1.2em;*/
}
#container #pagebody {
        padding-top: 1px;        /* this should be defined, otherwise we'll have a gap on top */
}
#footer {
	position: relative;
	z-index:1000;
	background:none;
	font-size:13px;
	color:#000;
	/*line-height:1.5em;*/
	height:160px;
}

#footer #foot {
        /*min-height: 3.86em;*/
        /*height: 160px;*/
        /*padding-top: 0.86em;*/
		padding-top:90px;
		font-size:12px;
}
html>body #container #header,
html>body #container #content/*,
html>body #footer #foot*/ {
        height: auto;            /* used to fit font-sizing feature of Mozilla/FireFox */
}
/*
*  Container overlapping
*/
#container #pagebody {
        padding-bottom: 150px;    /* this value need to ba same as full height of the footer or greater
                                     footer top padding should be maintained in it's definition (see below)
                                     NOTE: don't set VERTICAL padding/margins on #container, #header, #pagebody!
                                  */
}
#footer {
        margin-top: -70px;       /* how high we will go */
}

/*************************************
*  Special elements and hacks
**************************************/
.clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*************************************
*  Design page template styles
**************************************/
#container #pagebody, #footer {
        /*
		margin-left: 1em;
        margin-right: 1em;
		*/
}
#container #header {
        padding-left: 1em;
        padding-right: 1em;
}
/*
*  Font families and colors
*/
body {
        /*background-color: #f4f4f4;*/
        color: #333;
}
div, p, span {
        font-size: 1em;
}
#footer #foot, #header {
        color: #222;
        /*background: #dfdfdf;*/
}


/*************************************
*  Design page styles
**************************************/

body {font-family: Arial, Helvetica, sans-serif; color: #000000;overflow-y:scroll;background:#ffffff;}

p {
	margin-top:7px;
	margin-bottom:7px;
}
p+p {
}
.page-width {width:100%;text-align:center;}
.page-width-content {width:880px;}
.column-width{width:410px;}

#content { background: url(/images/pencil_png.png) center bottom no-repeat; }
html > body #container #header {height:101px; }

	
#header {}

#footer{height:70px;}
#foot,#footer #foot {line-height:14px;padding-top:inherit;font-family:Tahoma, Geneva, sans-serif;}
	#foot a{color:#419bd7;text-decoration:underline;}
	#foot a:hover{color:#db7816;}
	#foot .copyright{width:303px;display:inline-block;text-align:left;vertical-align:text-top;text-indent:-20px;font-size:11px;color:#615f5f;}
	#foot .prosto{width:220px; display:inline-block;float:right;vertical-align:text-top;font-size:10px;white-space:nowrap;color:#828282;}
		#foot .prosto img{float:left;margin-right:5px;vertical-align:top;margin-bottom:10px;margin-top:5px;}
		#foot .prosto a{}
		#foot .prosto a:hover{}

.column-right{float:right;}
.column-left{float:left}

.block-load{}
	.block-load h2{color:#615f5f;font-size:22px;margin-bottom:15px;font-family:MyriadProRegular, Arial, Helvetica, sans-serif;}
	.block-load .text{font-size:14px;color:#a1a1a1;margin-bottom:20px;font-family:MyriadProRegular, Arial, Helvetica, sans-serif;}
	.block-load a.settings{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#429cd7;text-decoration:none;border-bottom:1px dashed #429cd7;}
	.block-load .condition{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#615f5f;margin-bottom:25px;}
	.block-load{}

.block-blue{}
	.block-blue h2 span{color:#0774ea;}
	.block-blue .qq-upload-button {background:url(../images/button-blue-upload.png) left top no-repeat;}
	.block-blue input.button{background:url(images/button-ok-blue-bg.png) right top no-repeat;}
	.block-blue input.button:hover{background:url(images/button-ok-blue-bg.png) left top no-repeat;}

.block-green{}
	.block-green h2 span{color:#0fa103;}
	.block-green .qq-upload-button {background:url(../images/button-green-upload.png) left top no-repeat;}
	.block-green input.button{background:url(images/button-ok-green-bg.png) right top no-repeat;}
	.block-green input.button:hover{background:url(images/button-ok-green-bg.png) left top no-repeat;}

.div-settings{margin:16px 0 16px 0;display:none;}
	.div-settings .panel{background:#f0f0f0;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
	.div-settings input.button{width:120px;height:37px;border:none;cursor:pointer;margin-top:30px;}
.block-settings{background:url(images/block-settings-bg.gif) left top no-repeat;margin-top:-1px;padding:36px 0px 36px 0px;}
	.block-settings dt{color:#615f5f;font-size:12px;width:94px;display:inline-block;line-height:40px;vertical-align:top;}
	.block-settings dd{width:306px;display:inline-block;vertical-align:top;}
	.block-settings dd.input-text{background:url(images/block-settings-input-text-bg.gif) left center no-repeat;height:40px;}
		.block-settings dd.input-text input{border:none;background:none;color:#615f5f;font-size:12px;line-height:16px;padding:11px 14px;width:278px;}
	.block-settings dd.favicon{line-height:40px;color:#615f5f;font-size:11px;}
		.block-settings dd.favicon .view{display:inline-block;height:31px;width:34px;background:url(images/block-settings-input-favicon-bg.gif) left top no-repeat;vertical-align:middle;text-align:center;}
		.block-settings dd.favicon .view img{vertical-align:middle;width:16px;height:16px;margin:7px 0px;}
		
	.block-settings dd.input-textarea{background:url(images/block-settings-input-textarea-bg-center-horizontal.gif) left top repeat-y;}
		.block-settings dd.input-textarea div{background: url(images/block-settings-input-textarea-bg-top.gif) left top no-repeat ;}
		.block-settings dd.input-textarea div div{background:url(images/block-settings-input-textarea-bg-bottom.gif) left bottom no-repeat;}
		.block-settings dd.input-textarea textarea{border:none;background:none; color:#615f5f;font-size:12px;line-height:16px;padding:11px 14px;width:278px;}
	.block-settings ul{}
	.block-settings ul li{ color: #615F5F; font-size: 12px; line-height:30px; font-family:Tahoma, Geneva, sans-serif; }
	.block-settings ul li label{ cursor:pointer; }
	.block-settings ul li label input{ line-height:20px; margin:0 5px 0 0;}
	


#blueresult{text-align:left;font-size:12px;margin-top:30px;}
	#blueresult li{line-height:16px;clear:both;height:18px;}
	#blueresult li .actions{display:inline-block;margin-right:50px;float:right;}
	#blueresult a.link{color:#429cd7;text-decoration:underline;}
	#blueresult a.action{float:none;font-size:11px;color:#615f5f;border-bottom:1px dashed #615f5f;margin-left:10px;}
	#blueresult a.action:hover{text-decoration:none;}
	
	
#greenresult{text-align:left;font-size:12px;margin-top:30px;}
	#greenresult li{line-height:16px;clear:both;height:18px;}
	#greenresult li .actions{display:inline-block;margin-right:50px;float:right;}
	#greenresult a.link{color:#429cd7;text-decoration:underline;}
	#greenresult a.action{float:none;font-size:11px;color:#615f5f;border-bottom:1px dashed #615f5f;margin-left:10px;}
	#greenresult a.action:hover{text-decoration:none;}