body { font-size: 14px;margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 300;  font-size: 14px; }
a { text-decoration: none; }

#login-container { width: 845px; max-width: 100%; margin: 0 auto; text-align: center; }
.greyborder { border: 1px solid #dcdcdc; }

#faxComposeContainer { margin: 0 auto; width: 500px; max-width: 100%; }

#forgot-link { color: #000; }

footer { margin-top: 40px; border-top: 1px solid #dcdcdc; text-align: center; font-style: italic; font-size: 12px; padding: 10px; }

#treeview .k-sprite {
background-image: url("/image/coloricons-sprite.png");
}



.k-block { width: 500px; margin: 0 auto; text-align: center; padding: 10px; float: right; }
.k-block a { color: #FFF; }
.k-textbox { margin-bottom: 5px; }
.k-upload-files { line-height: inherit; }
.k-button, .k-toolbar .k-button {
	line-height: 0.843em;
	padding: 9px 14px;
    background-color: #468EAE;
    color: #000;
}
.k-menu .k-item>.k-link {
display: block;
padding: .571em;
line-height: .64em;
}
.k-grid { font-size: 12px; }
.k-grid td { line-height: 1.5em; }
.k-alt { background-color: #ececec; }
.k-state-selected {
	color: #fff;
    background-color: #1984c8;
    border-color: #1a87cd;
}
.k-button { font-weight: bold; }
.k-menu .k-item>.k-link {
color: #000;
font-weight: bold;
}


#header  { padding-left: 10px; padding-top: 10px; 	}
.welcome { padding-left: 10px; padding-right: 10px; }
.logout  { float: right; margin-right: 20px; margin-bottom: 5px; }
h1 { margin-bottom: 0px; }
#logo { width: 200px; display: inline-block; float: left; }

.read, .unread { cursor: pointer; }
#infobar { text-align: center; }
.welcome { font-weight: bold; font-style: italic; vertical-align: -webkit-baseline-middle; }

.homeIcon { float: left; }
.homeIconH2 { margin-bottom: 0px; margin-top: 9px; }
.homeBlock { height: 100px; width: 250px; display: inline-block; margin-top: 10px; margin-right: 5px; vertical-align: bottom; }
.homeContainer { margin: 0 auto; width: 720px; max-width: 100%; margin-top: 10px; padding: 10px; }
#composeWindow, #contactsWindow	{ display: none; }
.label { width: 200px; display: inline-block; text-align: right; }
.center { text-align: center; display: block; }
.sendFax { margin-top: 5px; }


	/* Upload */
	.file-icon { display: inline-block; float: left; width: 48px; height: 48px; margin-left: 10px; margin-top: 13.5px; }

	.img-file { background-image: url(/image/jpg.png) }
	.doc-file { background-image: url(/image/doc.png) }
	.pdf-file { background-image: url(/image/pdf.png) }
	.xls-file { background-image: url(/image/xls.png) }
	.zip-file { background-image: url(/image/zip.png) }
	.default-file { background-image: url(/image/default.png) }

	.file-heading {
	font-family: Arial;
	font-size: 1.1em;
	display: inline-block;
	float: left;
	width: 60%;
	margin: 0 0 0 20px;
	height: 25px;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.file-name-heading {
font-weight: bold;
margin-top: 20px;
}

.file-size-heading {
font-weight: normal;
font-style: italic;
}

li.k-file .file-wrapper .k-upload-action {
position: absolute;
top: 0;
right: 0;
}

li.k-file div.file-wrapper {
position: relative;
height: 75px;
}

.homeImage {
	border: 1px solid #dcdcdc;
	float: right;
}

@media screen and (max-width:800px){
	.homeBlock { width: 100%; }
	.homeImage { display: none; }
	.homePageImage { display: none; }
	.label { text-align: left; }
	/*.sendFax { display: none; }*/
}

/*
@media screen and (max-width:800px){	
	img{max-width:99%;}		
	#wrapper{width:100%; margin:0 auto;}	
	#login-container{width:100%;}	
	#login-container img.greyborder{display:none;}	
	#login-container .k-block{width:94%; margin:0 auto; float:none; padding:2%;}	
	#login-container .k-block .k-button{display:block; text-align:center; width:100%; margin:10px 0 0 0;}
	.homeBlock { width: 100%; }
}


@media screen and (max-width:700px){		
	#header{padding:0; margin:1%;}	
	#logo{height:auto!important; width:auto; display:block; float:none;}	
	#header #logo img{height:auto; display:block; clear:both; margin:0 auto; max-width:100%; width:300px;}		
	.welcome{padding:0; margin:0 1%; text-align:center; font-size:12px; font-weight:normal;}		
	a.logout{float:none; display:block; margin:20px 0; color:#FFF; text-align:center;}		
	.k-button, .k-toolbar .k-button{background:#468EAE; color:#FFF; font-weight:normal; font-size:12px; padding:5px 10px;}	
	.k-toolbar .k-overflow-anchor{display:none!important;}			
	#left-pane, #right-pane, #top-pane, .k-grid-content{position:relative!important; top:auto!important; left:auto!important; width:100%!important; clear:both!important; display:block;		height:auto!important;}
}


@media screen and (max-width:420px){
	.k-button, .k-toolbar .k-button{display:block; text-align:left; padding:10px;}
}
*/