.clear:after 			{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

.hidden     	 	{ display: none; }
.display     		{ display: block; }

.dbreak             { padding-bottom: 10px; padding-left: 80px;}
.dbreakconf         { padding-left: 80px;} 
div.side-by-side { width: 100%; margin-bottom: 1em; }
div.side-by-side > div { float: left;}
/*div.side-by-side > div > em { margin-bottom: 10px; display: block; }*/

.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

#basic-modal-content {display:none;}
.modal-style {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container { color:#bbb; background-color:#FFFFFF; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#3B5997; font-size: 16px; background: #999999}
#simplemodal-container h4 {background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #C0C0C0;
    color: #3B5997;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    height: 31px;
    padding: 5px 0 0 15px;
   }
.size-80		{ width: 80px; }
.size-120		{ width: 120px; }
.size-150		{ width: 150px; }
.size-170		{ width: 170px; }
.size-200		{ width: 200px; }
.size-210		{ width: 210px; }
.size-220		{ width: 220px; }

.fl-space 	{ float: left; margin-right: 5px; }
.fr-space		{ float: right; margin-left: 5px; }
.fl-space2		{ float: left; margin-right: 10px; }
.fr-space2		{ float: right; margin-left: 10px; }

.bt-space0		{ margin-bottom: 0px !important; }
.bt-space5		{ margin-bottom: 5px !important; }
.bt-space10		{ margin-bottom: 10px !important; }
.bt-space15		{ margin-bottom: 15px !important; }
.bt-space20		{ margin-bottom: 20px !important; }
.bt-space30		{ margin-bottom: 30px !important; }
.bt-space40		{ margin-bottom: 40px !important; }

.ln-normal	{ line-height: normal !important; }
.ln-22		{ line-height: 22px !important; }
.left		{ text-align: left !important; }
.center		{ text-align: center !important; margin: auto !important; }
.right		{ text-align: right !important; }
.block		{ text-align: justify; }
img.block	{ display: block; }

a		{ color: #00A5C4; text-decoration: none;}
a:hover		{ color: #00A5C4; text-decoration: underline;}

.button		{ display: inline-block; line-height: 16px; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../images/button_glas1.png') center center repeat-x #333333; padding: 3px 13px 3px 13px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-align: center; }
input.button	{ display: inline-block; line-height: 13px; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../images/button_glas1.png') center center repeat-x #333333; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.button:hover	{ color: #FFFFFF; text-decoration: none; }
.button.green	{ background-color: #4DB800; }
.button.red	{ background-color: #D80017; }
.button.blue	{ background-color: #00A5C4; }
.button.grey	{ background-color: #BBBBBB; }


/**************
**** tables ***
**************/

table				{ width: 100%; margin: 0px; margin-bottom: 20px; }
table td p { background: url('../images/notvalid.png') no-repeat center;}

table.basic			{ border-spacing: 0px; border-collapse: separate; border-top: 3px solid #cccccc; border-bottom: 1px solid #FFFFFF; line-height: 16px; }
table.basic caption		{ background: none #bbbbbb; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: center;}
table.basic tr:hover		{ background: none !important; }
table.basic thead	{ color: #333333; }
table.basic th      { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; color: #3C5A9A; font-size: 12px; font-weight: bold; padding: 3px 6px 3px 30px; text-align: left; white-space: nowrap; }
table.basic .title		{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; font-weight: bold; padding: 3px 6px 3px 0px; white-space: nowrap; text-align: left; }
table.basic tbody th		{ }
table.basic td			{ background: none !important; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 8px 3px 35px !important; line-height: 16px !important; }
table.basic thead		{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 6px 3px 35px; white-space: nowrap; }
table.basic td p		{ padding-bottom: 3px; padding-top: 3px; }


table.style1			{ border: 5px solid #DDDDDD; }
table.style1 caption 		{ background: none #959595; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: left; }
table.style1 tr:hover		{ background: url('../images/bck_black_10.png'); }
table.style1 th			{ background: #DDDDDD; border-bottom: 1px solid #FFFFFF; line-height: 22px; padding: 4px 6px 4px 6px; color: #333333; white-space: nowrap; text-align: left; }
table.style1 thead th		{ padding-top: 2px; }
table.style1 thead td		{ background: #DDDDDD; border-bottom: 1px solid #FFFFFF; text-align: left; line-height: 22px; padding: 2px 6px 4px 6px; white-space: nowrap; }
table.style1 tbody th,
table.style1 tbody .title	{ background: url('../images/bck_black_5.png'); font-weight: bold; white-space: nowrap; color: #666666; }
table.style1 td			{ background: url('../images/bck_white_75.png'); border-bottom: 1px solid #DDDDDD; line-height: 22px; padding: 4px 6px 4px 6px; }
table.style1 .icon16		{ margin-top: 3px; margin-bottom: 3px; }
table.style1 td.vcenter		{ vertical-align: middle; }
table.style1 td p		{ padding-bottom: 3px; padding-top: 3px; }
table.style1 .tred		{ background: #CC9999; border-bottom: 1px solid #FFFFFF; text-align: left; line-height: 22px; padding: 2px 6px 4px 6px; white-space: nowrap; }
table.style1 .tgre		{ background: #CCFF99; border-bottom: 1px solid #FFFFFF; text-align: left; line-height: 22px; padding: 2px 6px 4px 6px; white-space: nowrap; }
table.style1 .tblu		{ background: #CCCCFF; border-bottom: 1px solid #FFFFFF; text-align: left; line-height: 22px; padding: 2px 6px 4px 6px; white-space: nowrap; }

table .vcenter			{ vertical-align: middle; }
table .full			{ width: 100%; }
table .value			{ color: #47AB00; }
table .nowrap			{ white-space: nowrap; }

/*** forms ***/

form				{ width: 100%; }
label				{ line-height: 22px; cursor: pointer; }
label:hover			{ color: #333333; }
input.checkbox			{ display: inline; position: relative; left: 1px; top: 1px; cursor: pointer;}
input.radio			{ display: inline; position: relative; top: 2px; left: -1px; }
input.text			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }
input.submit			{ display: inline; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../images/button_glas1.png') center center repeat-x #333333; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
input.form-file                 { display: inline; height: auto; font-size: 12px !important; }
select				{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 22px; padding: 2px; }
textarea			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; padding: 4px; }

.form-label			{ display: block; width: 130px; }
.form-field			{ padding-bottom: 5px; }
span.required			{ color: #FF0000; font-weight: bold; }
label.error        		{ color: #FF0000; }


	input[type="text"],input[type="password"] {
		border:1px solid #A2A2A2;
		/*height:28px;  */
		font-family: Helvetica, Arial, sans-serif;
		padding-left:10px;
		padding-right:10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color:#000033;
        font-weight: bold;
	   /*	background-color:#FFF;  */
		background-image:url(../images/input.png);
        background-image: url("../images/input.png");
        width: 200px;
	}

/*** Password Strength ***/
/*
input[type='password'],.passwordStrengthBar { background: white; margin: 1px; width: 200px; }
.passwordStrengthBar div { height: 5px; width: 0; }
.passwordStrengthBar div.strong { background-color: #32cd32; }
.passwordStrengthBar div.medium { background-color: yellow; }
.passwordStrengthBar div.weak { background-color: orange; }
.passwordStrengthBar div.useless { background-color: red; }

*/

/* *********************************************************************
 * Quick edit
 * *********************************************************************/

.typography-ul ul{
  float:left;
  margin-right:50px;
  margin-bottom:20px;
 }

 .normal-list {
  list-style: inside;
 }

.edit-field textarea 	{ width: 95% !important; }
.edit-field input 	{ width: auto !important; display: block; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }
.long input 		{ width: 95% !important; }
.mid input 		{ width: 250px !important; }


 	.button-a {
		padding:0px 10px;
	}

	.button-a, .button-a span {
		display:inline-block;
		height:30px;
		border:0;
		color:#FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-decoration:none;
		cursor:pointer;
		font-size:12px;
		text-align:center;
	}
	.button-a span {
		padding-top:7px;
	}
	.button-a:hover {
		  -moz-opacity: 0.9;
		  -khtml-opacity: 0.9;
		  opacity: 0.9;
		  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		  text-decoration:none;
	}
	.button-a.gray {
		background-image:url(../images/button.png);
		border:1px solid #CCC;
		color:#55585d;
	}
	.button-a.gray span {
		color:#55585d;
	}
	.button-a.blue {
		background-image:url(../images/button.png);
		background-position:0px -60px;
		border:1px solid #438ac2;
	}
    .button-a.green {
		background-image:url(../images/button.png);
		background-position:0px -120px;
		border:1px solid #339900;
	}
   .button-a.half {
      height: 20px;
	}
    .button-a.dark-blue {
		background-image:url(../images/button.png);
		background-position:0px -30px;
		border:1px solid #23272a;
	}
	.button-a.red {
		background-image:url(../images/button.png);
		background-position:0px -90px;
		border:1px solid #973a2a;
	}
	.button-a span.icon-dark {
		height:17px;
		display:block;
		width:16px;
		margin-top:7px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

     .button-a span.icon-dark2 {
		height:17px;
		display:block;
		width:16px;
		margin-top:7px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button2-icon.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.button-a span.icon-dark-text {
		padding-left:25px;
		height:16px;
		display:block;
		margin-top:7px;
		padding-top:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.button-a span.icon-dark {
		height:17px;
		display:block;
		width:16px;
		margin-top:7px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.button-a span.icon-dark-text {
		padding-left:25px;
		height:16px;
		min-width:60px;
		display:block;
		margin-top:7px;
		padding-top:0px;
		text-align:left;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.button-a span.icon-white {
		height:17px;
		display:block;
		width:16px;
		margin-top:7px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon-white.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.button-a span.icon-white-button {
		height:14px;
		display:block;
		width:16px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon-white.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.button-a span.icon-white-bmain {
		height:17px;
		display:block;
		width:16px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon-white.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

    	.button-a span.icon-white-small {
		height:17px;
		display:block;
		width:16px;
		margin-top:2px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon-white.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

    .button-a span.icon-white-text {
		padding-left:25px;
		height:16px;
		min-width:60px;
		display:block;
		margin-top:7px;
		padding-top:0px;
		text-align:left;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon-white.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.button-a span.icon-white-text-small {
		padding-left:25px;
		height:16px;
		min-width:60px;
		display:block;
		margin-top:2px;
		padding-top:0px;
		text-align:left;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon-white.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.button-a span.right {
	}
	.button-a span.left {
		background-position:0px -20px;
	}

	.button-a span.del {
	}
	.button-a span.edits {
		background-position:0px -20px;
	}
	.button-a span.magnifier {
		background-position:0px -42px;
	}
	.button-a span.person {
		background-position:0px -62px;
	}
	.button-a span.users {
		background-position:0px -85px;
	}
	.button-a span.tag {
		background-position:0px -105px;
	}
	.button-a span.sound {
		background-position:0px -126px;
	}
	.button-a span.shop {
		background-position:0px -146px;
	}
	.button-a span.picture {
		background-position:0px -169px;
	}
	.button-a span.phone {
		background-position:0px -188px;
	}
	.button-a span.close {
		background-position:0px -210px;
	}
	.button-a span.open {
		background-position:0px -230px;
	}
	.button-a span.notepad {
		background-position:0px -252px;
	}
	.button-a span.music {
		background-position:0px -274px;
	}
	.button-a span.movie {
		background-position:0px -295px;
	}
	.button-a span.mail {
		background-position:0px -315px;
	}
	.button-a span.key {
		background-position:0px -334px;
	}
	.button-a span.home {
		background-position:0px -355px;
	}
	.button-a span.dns {
		background-position:0px -376px;
	}
   	.button-a span.ok {
		background-position:0px -397px;
	}
   	.button-a span.plus {
		background-position:0px -418px;
	}

.dialog .ui-dialog-titlebar { color:#CC0066; }

	.checkbox, .radio {
		width: 19px;
		height: 20px;
		padding: 0 5px 0 0;
		background: url(../images/checkbox.png) no-repeat;
		display: block;
		clear: left;
		float: left;
		margin-top:-1px;
	}
	.radio {
		background: url(../images/radio.png) no-repeat;
	}