/*------------------------ Reset Styles ---------------------------------*/
html, body {
	margin: 0;
	padding: 0;
    height: 100%;  
	font: 14px/1.8em Lucida, sans-serif;
	color: #444;
	vertical-align: baseline;
}

body.padding {
    height: 100%;  
	background: #707070;
	-webkit-font-smoothing: antialiased;   
}
/*------------------------ Structure Styles ---------------------------------*/
.container {
    min-width: 530px;
	max-width: 850px;
	margin: auto;
    height: 100%;    
}

#content { min-height: 500px; background: #fff; }

#header { background: #424242; padding: 50px 0; color: #b44646; }
#header a { color: #b44646; }
#header h1 a,
#header a:hover { color: #fff; }
#header h1 { font-weight: bold; margin: 0; float: left; }
#header .nav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: 16px;
}
#header .nav li { display: inline; }
#header .nav a { font-weight: bold; margin-left: 20px; }

#footer { padding: 10px 0; width: 100%; background: #707070; color: #C0C0C0; }
#footer a { color: #ddd; }
#footer a:hover { color: #fff; }

#footer_line { background: #b44646; padding: 3px 0; width: 100%; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure { display: block; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* button FIX for IE: */
button { width: auto; overflow: visible; }

/* Sharper Thumbnails */
img { -ms-interpolation-mode: bicubic; }

/*------------------------ Input Styles ---------------------------------*/
input,
textarea,
select {
	padding: 5px;
	font: 400 1em Verdana, Sans-serif;
	color: #666;
	background: #fff;
	border: 1px solid #999;
	margin: 0 0 1em 0;
}

input:focus,
textarea:focus,
select:focus {
	color: #000;
	background: #fff;
	border: 1px solid #666;
}

/*------------------------ Main Styles ---------------------------------*/

a, a:visited {
	color: #b44646;
	text-decoration: none;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

a:hover, a:active { color: #e2595b; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { color: #000; line-height: 1.2em; margin-bottom: 0.6em; }

h1 { font-size: 2em; }

h2 { font-size: 1.7em; }

h3 { font-size: 1.5em; margin-top: 2em; }

h4 { font-size: 1.3em; margin-top: 2em; }

p { margin-bottom: 1em; }

ol, ul { padding-left: 30px; margin-bottom: 1em; }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

u { text-decoration: underline; }

abbr, acronym { cursor: help; border-bottom: 0.1em dotted; }

td, td img { vertical-align: top; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

.code { font-family: Courier; padding: 0 3px 1px; background: #eee; }

p code, li code { margin: 0; border: 1px solid #ddd; }

pre { line-height: 1.2; margin-bottom: 1em; }

blockquote { font-style: italic; margin: 0 0 1em 15px; padding-left: 10px; border-left: 5px solid #ddd;
}
/* -------------------------- Misc Styles -------------------------------*/

#logiwan_ims	{
    position: relative;
    height: 82px;
    width: 415px;	
    background-image: url(/ims/images/logo.png);
	background-repeat: no-repeat;
}

.logiwan_ims_clickable { position: absolute; height: 100%; width: 100%; }

#logiwan_file_browser	{
    position: relative;
	height: 95px;
    width: 440px;	
    background-image:url(/file_browser/images/file_browser_logo.png);
	background-repeat:no-repeat;
}

.logiwan_file_browser_clickable { position: absolute; height: 100%; width: 100%; }

#logiwan_network_tools	{
    position: relative;
	height:115px;
    width: 440px;	
    background-image:url(/net-tools/network_tools_logo.png);
	background-repeat:no-repeat;
}

.logiwan_network_tools_clickable { position: absolute; height: 100%; width: 100%; }