@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
body,
html{
	width:100%;
	height:100vh;
	position:relative;
    overflow-y:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height:160%;
	color:#333;
	text-align:center;
}
a{
	color:#0054A6;
}
h1{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	padding:10px 0px 15px 0px;
	display:inline-block;
	clear:both;
	color:#A1ABB2;
	font-size:22px;
}
h2{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	border-bottom:1px solid #aeaeae;
	padding:5px;
	display:inline-block;
	clear:both;
	width:100%;
	font-size:16px;    
}
.tab h2{
    margin-bottom: 10px;
}
th.header {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 20px;
	margin-left: -1px;
}
th.header.headerSortUp {
	background-image: url(/_img/asc.gif);
	font-weight: bold;
}

th.header.headerSortDown {
	background-image: url(/_img/desc.gif);
	font-weight: bold;
}
div.header{
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	height:20px;
	background-color:#eee;
	z-index:99;
    margin-right:10px;
}
div.header .logout{
	width:70px;
	height:20px;
	font-size:40px;
	line-height:70px;
	position:fixed;
	top:0px;
	right:0px;
	color:#333;
	border-left:1px solid #cacaca;
}

.filter_holder{         
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    z-index:10;
    overflow-y: auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: stretch;
}

.filter{
    width:200px !important;
    min-height:100vh;
    overflow-y:auto;
    overflow-x:hidden;
    border-left:1px solid #eee;
    background-color:#f6f6f6;
    display:none;
    padding:0px;
    text-align:left;
    z-index:70;
    order:2;
}
.filter select{
    padding:5px;
}
.filter .letter a{
    line-height:100%;
    display:inline-block;
    width:32px;
    height:32px;
    line-height:28px;
    text-align:center;
    margin:2px;
    text-transform:uppercase;
    text-decoration: none;
    border:1px solid #eee;
    background-color:#fff;
}
.filter .letter a:hover{
    background-color:#efefef;
}
.filter .letter a.selected{
    color:#fff;
    background-color:#333;
    border-bottom:1px solid #fff;
}
.filter .letter button{
    text-align:center;
}
.filter .list{
    overflow-y:auto;
    overflow-x:hidden;
    max-height:200px;
    display:inline-block;
    width:100%;
}
.filter .list.hidden{
    display:none;
}
.filter input[type="text"] {
    padding:5px;
}
.filter input.date {
    width:95px;
}
input[type="time"],
input[type="date"]{
    width:170px;

}
.filter button{
    color:#000;
    width:100%;
    border-bottom:1px solid #ccc;
    text-align:left;
    cursor:pointer;
    padding:5px;
    font-size:12px;
}
.filter button.icon{
    max-width:24px;
    padding:5px;
    text-align:center;
    padding:5px;
    margin:0px;
    border:0px;
    
}
.filter button:hover{
    background-color:#efefef;
}
.filter button.selected{
    color:#fff;
    background-color:#333;
    border-bottom:1px solid #fff;
}
.filter button.green{
    border:0px;
    padding:5px;
    margin:0px;
    text-align:center;
    max-width:32px;
    color:#fff;
}
.filter button.green:hover{
    border:0px;
    padding:5px;
    margin:5px 0px;
    color:#000;
}

.filter button .icon{
    padding:5px;
    color:#fff;
    
}
.filter h2{
    margin:0px;
    padding:5px;
    width:100%;
    background-color:#fff;
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid #ccc;
}
.filter h2 a{
    float:right;
    line-height:28px;
    text-decoration:none;
}
.menu{
	height:100%;
	display:inline-block;
    position:fixed;
	width:80px;
	background-color:#aaa;
	z-index:100;
    height:100vh;   
}
.menu a{
	display:inline-block;
	position:relative;
	font-size:0px;
	width:100%;
	min-width:70px;
	padding:10px;
	height:70px;
	line-height:70px;
	color:#fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.menu a .bol{
	display:inline-block;
	background-color:#E64A34;
	color:#fff;
	font-size:18px;
	padding:5px 10px;
	font-weight:600;
	position:absolute;
	right:-5px;
	top:-5px;
	line-height:100%;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
}
.menu a.dashboard{
	border-left:10px solid  #CB27CF;
}
div.dashboard,
.menu a.dashboard.selected,
.menu a.dashboard:hover{
	background-color:#CB27CF;
}
.menu a.relation{
	border-left:10px solid #2280D5;
}
button.relation,
div.relation,
.menu a.relation.selected,
.menu a.relation:hover{
	background-color:#2280D5;
}
.menu a.person{
	border-left:10px solid #DBDB00;
}
button.person,
div.person,
.menu a.person.selected,
.menu a.person:hover{
	background-color:#DBDB00;
}
.menu a.project{
	border-left:10px solid #E37D30;
}
div.project,
.menu a.project.selected,
.menu a.project:hover{
	background-color:#E37D30;
}
.menu a.product{
	border-left:10px solid #21B05A;
}
div.product,
.menu a.product.selected,
.menu a.product:hover{
	background-color:#21B05A;
}

.menu a.tasks{
    border-left:10px solid #377ad0;
}
div.tasks,
.menu a.tasks.selected,
.menu a.tasks:hover{
    background-color:#377ad0;
}
.menu a.message{
	border-left:10px solid #E64A34;
}
div.message,
.menu a.message.selected,
.menu a.message:hover{
	background-color:#E64A34;
}
.menu a.report{
	border-left:10px solid #7FFF00;
}
div.report,
.menu a.report.selected,
.menu a.report:hover{
	background-color:#7FFF00;
}
.menu a.config{
	border-left:10px solid #EF60A3;
}
div.config,
.menu a.config.selected,
.menu a.config:hover{
	background-color:#EF60A3;
}
.menu a.help{
	border-left:10px solid #21B05A;
}
div.help,
.menu a.help.selected,
.menu a.help:hover{
	background-color:#21B05A;
}
.menu a.helpedit{
	border-left:10px solid #21B05A;
}
div.helpedit,
.menu a.helpedit.selected,
.menu a.helpedit:hover{
	background-color:#21B05A;
}
.menu a.develop{
    border-left:10px solid #000;
}
div.develop,
.menu a.develop.selected,
.menu a.develop:hover{
    background-color:#000;
}
.menu a.account{
    border-left:10px solid #333;
}
div.account,
.menu a.account.selected,
.menu a.account:hover{
    background-color:#333;
}
.menu a.info{
	border-left:10px solid #00D9D9;
}
div.info,
.menu a.info.selected,
.menu a.info:hover{
	background-color:#00D9D9;
}
.menu a span{
	color:#fff;
	font-size:30px;
}
button.relation,
button.person{
	color:#fff;
	font-size:16px;
}
.site_holder{ 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
}
.page{     
    padding-left:80px;
    display: flex;
    color: #000;
    width: 100%;     
    height: 100vh;
    text-align: left;  
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.ctrl{      
    display: flex;   
    width: 100%;
    font-size:16px;
    line-height:1.6;
    color: #333;
    z-index: 20;
    overflow: hidden;
    margin: 0px;
    background-color: #efefef;
    border-bottom: 1px solid #cacaca;
    flex-direction: row;
    align-content: stretch;
    justify-content: flex-start;
    align-items: stretch;            
}               
.ctrl div {    
    display: flex;
    color: #333;
    background-color: #efefef;
    flex-wrap: nowrap;
    font-size:16px;
    line-height:1.6;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.ctrl form.sub{
	display:flex;
	border:0px;
	margin:0px;
	max-width:auto;
	width:auto;
	padding:0px;
}
 
.ctrl div.sub {    
    position:absolute;
    right:0px;
}
.ctrl .sub a span{
    padding:5px; 
}    
.ctrl a{          
    color: #333;
    display: flex;
    font-size: 16px;
    line-height: 1.6;
    padding: 5px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.ctrl a:hover{
	background-color:#cacaca;
	color:#fff;
}                      
.ctrl form{
	display:flex;
	vertical-align:top;
	padding-left:10px;
	position:relative;      
}
.ctrl form input{
	background-color:transparent;
	padding:10px;
	width:80%;
    border:1px solid #aeaeae;
}
.ctrl form input:focus{
	background-color:#fff;
}
.ctrl form button{
	font-size:24px;
	width:40px;
	max-width:auto;
	padding:5px;
    margin-left:10px;
	background-color:transparent;
}
form.nav{                       
        width: 100%;
    max-width: 100%;
    padding: 0px;
    z-index: 99999;
    display: block;             
    font-size: 0px;
    background-color: #fff;
    border-top: 1px solid #aeaeae;
}
form.nav .stats{
	padding:5px;
}
form.nav .stats,
form.nav button{
	font-size:14px;
	display:inline-block;
	width:20%;
	max-width:100% !important;
}
.cnt{
	padding:0px;
    width:100%;
}
 .tab .ctrl{display:none;}
 .tab .cnt{padding:0px;margin:0px;}
.messageBar{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	padding:10px;
	background:rgba(255,255,255,1);
	font-size:16px;
	z-index:9999999999999999999999;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.messageBar a.close{
	display:block;
	padding:10px;
	position:absolute;
	bottom:0px;
	right:0px;
	color:#333;
	font-size:22px;
	z-index:100;
}
.messageBar:hover{
	background:rgba(255,255,255,1);
}
.search{
	display:none;
	font-size:0px;
	width:100%;
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
	z-index:99;
	padding:0px 0px 0px 80px;
	text-align:left;
}
.image{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:300px;
	height:240px;
	margin:0px 20px 20px 0px;
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
}

.block{
	display:inline-block;
	vertical-align:top;
	width:32%;             
}
.double{
	width:64%;
}
.block table thead tr td,
.block table tbody tr td{
	padding:5px;
}
.block h2{               
color:#fff;
font-weight:600; 
    background-color:#aaa;
}
.block a{
	display:inline-block;
	width:100%;
	padding:5px 5px 10px 10px;
	color:#333;
}
.block a:hover{
	color:#0054A6;
	text-decoration:underline;
}
.block p {

	display:inline-block;
	width:100%;
}
.block span{
	display:inline-block;
	width:50%;
}
.search input{
	display:inline-block;
	width:100%;
	padding:10px;
	border:0px;
	font-size:13px;
	border-bottom:1px solid #cacaca;
}
div.input{
	display:inline-block;
	margin-bottom:5px;
	width:100%;
	vertical-align:top;
}
div.hold{
	display:inline-block;
	vertical-align:top;
	max-width:900px;
}
div.input label{
	vertical-align:top;
	display:inline-block;
	width:100%;
	max-width:320px;
	text-align:left;
	padding:5px 10px 5px 0px;
}                            
div.input span{
	display:inline-block;
	width:100%;
	max-width:200px;
	text-align:left;
	vertical-align:top;
	padding:5px 10px 5px 0px;
}
div.input span i{
	color:#E21B54;
}
table select,
table textarea,
table input[type="text"],
table input[type="phone"],
table input[type="number"],
table input[type="tel"],
table input[type="password"],
table input[type="email"],
div.input select,
div.input textarea,
div.input input[type="text"],
input[type="date"],
div.input input[type="password"],
div.input input[type="phone"],
div.input input[type="tel"],
div.input input[type="number"],
div.input input[type="email"]{                              
	padding:10px;
	width:100%;
	text-align:left;
	max-width:300px;
	font-size:14px;
	border:1px solid #cacaca;
	background-color:#fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}    
table select:focus,
table textarea:focus,
table input:focus,
table input[type="password"]:focus,
div.input select:focus,
div.input textarea:focus,
div.input input[type="text"]:focus,
input[type="date"]:focus,
div.input input[type="password"]:focus{
    background-color: rgb(250, 255, 189);
}
div.input select.error,
input.error,
div.input textarea.error,
div.input input[type="text"].error,
div.input input[type="password"].error{
	border:1px solid #E21B54;
}               
div.input textarea{
    min-height:200px;
    height:20vh;
}                  
textarea#editcontent,    
textarea[scroll="auto"],
div.input  textarea[scroll="auto"]{
    min-height:40px;
    height:auto;
    width:100%;
    max-width:100%;
}
table input[disabled="disabled"],
table input[disabled],
table textarea[disabled="disabled"],
table textarea[disabled],
div.input input[disabled="disabled"],
div.input input[disabled],
div.input textarea[disabled="disabled"],
div.input textarea[disabled],
input[disabled="disabled"],
input[disabled],
textarea[disabled="disabled"],
textarea[disabled]{
	border:0px;
}

textarea#editcontent{
padding:5px;


}
.tab div.input select,
.tab div.input textarea,
.tab div.input input[type="text"],
.tab div.input input[type="email"],
.tab div.input input[type="password"]{
	max-width:600px;
}
input[type="date"]{
	max-width:150px;
}
.tab div.input input[type="text"].date{
	max-width:120px;
}
div.input button{
	margin:20px 0px;
	display:inline-block;
	width:100%;
	max-width:300px;
	color:#fff;
	border:0px;
	padding:10px 20px;
	background-color:#0054A6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size:16px;
	letter-spacing:1px;
	font-weight:400;
}
div.input button:hover{
	background-color:#004177;
}
div.input button[disabled="disabled"]{
	background-color:#cacaca;
}
div.input button.edit,
div.input button.orange,
.edit,
.orange{
	color:#fff;
	background-color:#E37D30;
}
div.input button.edit:hover,
div.input button.orange:hover,
.edit:hover,
.orange:hover{
	color:#fff;
	background-color:#925831;
}
div.input button.green,
div.input button.save,
.save,
.green{
	color:#fff;
	background-color:#21B05A;
}
div.input button.green:hover,
div.input button.save:hover,
.save:hover,
.green:hover{
	color:#fff;
	background-color:#2E7748;
}
div.input button.red,
div.input button.delete,
.delete,
.red{
	color:#fff;
	background-color:#E64A34;
}
div.input button.delete:hover,
div.input button.red:hover,
.delete:hover,
.red:hover{
	color:#fff;
	background-color:#944032;
}
div.input button.blue,
.blue{
	color:#fff;
	background-color:#377ad0;
}
div.input button.blue:hover,
.blue:hover{
	color:#fff;
	background-color:#206bcb;
}
font.green:hover,
font.green{
font-size:24px;
line-height:140%;
	color:#21B05A;
	background-color:transparent;
}
font.red:hover,
font.red{
font-size:24px;
line-height:140%;
	color:#944032;
	background-color:transparent;
}
a[href="#top"]{
	position:fixed;
	right:20px;
	bottom:20px;
	font-size:20px;
	z-index:99999999;
	display:none;
}
button{
	border:0px;
	padding:10px 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size:12px;
	letter-spacing:1px;
	font-weight:400;
	display:inline-block;
	width:100%;
	max-width:300px;
}
table button{
	width:auto;
	max-width:auto;
}
table tfoot tr td{
	font-weight:bold;
	padding:10px;
}
table tfoot tr:first-child td{
	border-top:1px solid #ccc;
}

table thead tr th,
table thead tr td{
	background-repeat:no-repeat;
	background-position: center right;
	padding:10px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	text-align:left;
}
table tr td{
	padding:10px;
}
table tr td span{
	display:inline-block;
	padding:10px;

}
table tr td a{
	color:#000;
}
table.small thead tr th,
table.small thead tr td,
table.small tfoot tr td,
table.small tbody tr td{
	padding:3px;
}
table.small tr td input,
table.small tr td select,
table.small tr td input[type="text"],
table.small tr td button{
	padding:5px;
}
table tr:nth-child(even) {background-color: #efefef}
table tr:nth-child(odd) {background-color: #FFF}
table tbody tr:hover{background-color: #e1e1e1}
table tbody tr#nohover:hover{background-color: transparent;}
table tr.selected td {
	 background-color: #ccc;
	 font-weight:bold;
}
table tr.enabled td,
table tr.enabled td a,
table tr.enabled td span {
	 color:#ccc;
}

table tr td.disabled,
table tr td.disabled a,
table tr td.disabled span {
	 color:#ccc;
}

.cnt .subs,
.tabs{
	border-bottom:1px solid #cacaca;
	width:100%;
	position:relative;
	z-index:5;
	font-size:0px;
}
.cnt .subs a,
.tabs a{
	font-size:14px;
	position:relative;
	border:1px solid #cacaca;
	background-color:#efefef;
	border-bottom:0px;
	display:inline-block;
	padding:5px 10px;
	margin:0px 5px;
	color:#333;
}
.cnt .subs a.selected,
.tabs a.selected{
	bottom:-2px;
	padding:10px 15px 8px 15px;
	font-size:20px !important;
	background-color:#fff;
	position:relative;
} 
.cnt .sub{
	padding:10px 0px;
}
.tab{
	padding:10px;
    position:relative;
}
.tab .save_top{
    position:fixed;
    top:38px;
    right:20px;
    left:auto;
    bottom:auto;
    display:inline;
    z-index:9999;   
    width:auto;
}

.tab .save_top span{
        display:none;
}
.hidden{
	display:none;
}
#message_content{padding:10px;width:100%;display:inline-block;height:53vh;overflow-y:auto;}
.items{width:100%;display:inline-block;height:30vh;overflow-y:auto;border-bottom:1px solid #ccc;font-size:0px;}
.item{cursor:pointer;width:100%;vertical-align:top;display:inline-block;font-size:14px;border-bottom:1px solid #cacaca;}
.item.selected{background-color:#eee;}
.item:hover{background-color:#efefef; }
.item div{font-size:14px;line-height:160%;}
.col{font-size:14px;line-height:160%;margin:0px;padding:5px;width:100%;vertical-align:top;display:inline-block;}
.mail_content{
	margin-top:10px;
	padding:10px;
	border-top:1px solid #ccc;
}
.mail_head{
	width:100%;
	display:inline-block;
}
.mail_head div,
.mail_head div.input,
.mail_head div.input span,
.mail_head div.input a{
	padding-top:0px;
	padding-bottom:0px;
	line-height:110%;
	display:inline-block;
	max-width:auto;
	width:auto;
}
.mail_head div.input{
	clear:both;

}
.mail_head .options{
	display:inline-block;
	float:right;
	padding:0px;
	width:120px;
	vertical-align:top;
}
.mail_head .options button{
	max-width:30px;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
}
table.message{
	width:100%;
	height:26vh;
}
table.message thead,
table.message tbody {
	width:100%;
	display: block;
}
table.message tbody tr{
	cursor:pointer;
}
table.message tbody tr.selected{background-color:#eee;}
table.message tbody{
	height:26vh;     /* Just for the demo          */
	overflow-y: auto;    /* Trigger vertical scroll    */
	overflow-x: hidden;  /* Hide the horizontal scroll */
	border-bottom:1px solid #ccc;
}
.ui-widget[style]{
 text-align:left;
 z-index:1000 !important;
}
.mce-branding-powered-by{display:none;}
.choiceDiv button{cursor:pointer;width:100%;display:inline-block;text-align:left;margin:0px;margin-bottom:5px; padding:8px;background-color:#efefef;color:#333;}
.choiceDiv button.icon{width:40px;padding:15px;line-height:100%;margin:0px;width:auto;text-align:center; }
.choiceDiv button span{margin-right:10px;}
.choiceDiv button.selected{color:#fff; background-color:#377ad0;}
.choiceDiv button.green{
	color:#fff;
	background-color:#21B05A;
}
.choiceDiv button.green:hover{
	color:#fff;
	background-color:#2E7748;
}
.choiceDiv{height:100vh;border:1px solid #ccc;background-color:#fff;position:fixed;padding-left:0px;padding-top:60px; top:0px;right:0px;width:100%;max-width:220px;display:inline-block;vertical-align:top;
	overflow-x:disable;
	overflow-y:auto;
	padding-bottom:40px;
}
.choiceDiv h2{
	margin:0px 0px 5px 0px;
	padding:10px 0px 5px 10px;
}
.choiceDiv label{display:block;}
.choiceDiv .letter{
	padding-left:10px;
}
.choiceDiv .letter a{
 display:inline-block;
 border:1px solid #ccc;
 margin:0px 3px 3px 0px;
 padding:3px;
 width:10%;
 text-align:center;
}
.choiceDiv .letter a:hover{background-color:#efefef;}
.choiceDiv .letter a.selected{background-color:#ddd;}
.choiceDiv a:hover{color:#000;}
.choiceDiv button.icon{width:auto;float:right;padding:5px;}
.choiceDiv .list{
	max-height:20vh;
	overflow:hidden;
	overflow-y:auto;
	overflow-x:disable;
	width: 100%;
}
.choiceDiv .date{
	padding:10px;
	margin:5px;
	width:100%;
	max-width:110px;
}
.responses{
	width:100%;
	padding:10px 5px;
	background-color:#efefef;
	font-size:0px;
	line-height:100%;
	margin-top:10px;
}
.response{
	font-size:0px;
	line-height:100%;
	margin:10px;
	padding:10px;
	background-color:#fff;
	border:1px solid #ccc;
}
.response .tools{
	font-size:0px;
	line-height:100%;
	width:100%;
	margin-top:10px;
	padding:10px 0px 0px 0px;
	background-color:#fefefe;
	border-top:1px solid #ccc;
}
.response .tools button{
	padding:5px;
	font-size:12px;
	margin:0px 5px 0px 0px;
	width:auto;
}
.response .subject{
	font-size:18px;
	line-height:160%;
	font-weight:600;
	color:#000;
	padding:5px 0px;
	display:inline-block;
	vertical-align:top;
	width:100%;
}
.response .text{
	font-size:16px;
	line-height:160%;
	color:#000;
	display:inline-block;
	vertical-align:top;
	width:100%;
}
.response .user{
	color:#666;
	font-size:14px;
	line-height:100%;
	width:50%;
	display:inline-block;
	vertical-align:top;
}
.response .created{
	color:#666;
	font-size:14px;
	line-height:100%;
	width:50%;
	display:inline-block;
	vertical-align:top;
	text-align:right;
}
button.icon,
div.input button.icon {
	max-width:40px;
	padding:10px;
}
.base{
	padding-right:10px;
}
.base h2{
	 position:relative;
}

.base h2 span{
	position:absolute;
	right:10px;
	color:#999;
}

.ext{
	display:inline-block;
	width:300px;
	padding:0px 10px;
	border:1px solid #ccc;
	background-color:#efefef;
	margin: 0px 0px 10px 10px;
}
.ext h4{
	font-size:20px;
	line-height:100%;
	font-weight:400;
	padding:10px 0px;
	margin:0px;
}
.ext a{
	position:relative;
	display:inline-block;
	width:100%;
	padding:5px;
	border-top:1px dashed #ccc;
	color:#333;
}
.ext a:hover{
	color:#000;
	background-color:#f3f3f3;
}
.ext  .type{
	position:absolute;
	right:0px;
	top:0px;
	font-size:24px;
	padding:10px 5px;
	display:inline-block;
}
.respond input[name='subject'] {
	display:inline-block;
	width:100%;
	padding:10px;
	font-size:16px;
	background-color:#fff;
	margin-bottom:10px;
	border:1px solid #ccc;
 }
.respond input[name='subject']:focus {
	background-color:#fefefe;
 }
.respond textarea[name='comment'] {
	display:inline-block;
	height:160px;
	width:100%;
	padding:10px;
	font-size:16px;
	background-color:#efefef;
	margin-bottom:10px;
	border:1px solid #ccc;
 }
.respond textarea[name='comment']:focus {
	background-color:#fefefe;
 }
 .mce-branding-powered-by{display:none;}

#subj {width:60%;}

@media (max-width: 1025px) {
	#subj {width:45%;}
}
@page {
  size: A4 landscape;
}

@media print {
	.np,
	.menu{
		display:none;
	}
	.cnt,
	.ctrl,
	.page{
		font-size:11pt;
		overflow: auto;
		height:auto;
		line-height:100%;
		display:inline-block;
		position:relative;
		width:100%;
		margin:0px;
		padding:0px;
	}
	.page{
		height:100%;
		overflow:hidden;
	}
	.ctrl{
		padding:10px 0px;
		margin-bottom:10px;
	}
	table thead tr td,
	table tfoot tr td,
	table tr td{
		padding:5px;
	}
	table tbody tr td{
		border-bottom:1px dashed #ccc;
	}

}