
/* 
by Lori Leach-Forster Zenful Creations, Inc.
http://www.zenfulcreations.com 
CSS for Timok es Jibbit HelpDesk
V1 - 03-11-2007
*/   

body {
	margin: 0;
	padding: 0;
	font: 74% Arial, Sans-Serif;
	color: #696969;
	line-height: 1.4em;
	/*background: url(i/bg_bottom.gif) repeat-x bottom; 
	background: #FFF url(i/bg.gif) repeat-x;*/
}

a { 
	color: #436CB4;
	text-decoration:none;
}

a:hover { 
	text-decoration: underline;

}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

hr {
   border: 0;
   height: 1px;
   color: #BEBEBE;
   background-color: #BEBEBE;
	margin-right: 5px;
	margin-left: 5px;
}

img {
	border: 0;
}
p
{
	margin-top:9px;
	margin-bottom:9px;
}


/* Positions */
#container {
	background: url(http://www.timok.com/i/bg.gif) repeat-x top;
}

#wrap {
	width: 767px;
	margin: 0px auto;
	background: url(http://www.timok.com/i/bg_wrap.gif) repeat-y;
}

.thetop {
	background: url(http://www.timok.com/i/bg_top.gif) no-repeat;
	height: 57px;	
	margin: 0 auto; 
	padding: 0;
}

#menu {
	margin: 0;
	padding: 0;
	height: 26px;
	width: 767px;
	background: url(http://www.timok.com/i/bg_wrap.gif) repeat-y;
}

ul#nav {
	margin: 0 2px 0 0;
	padding: 0;
	width: 533px;
	height: 28px;
	float: right;
}

#nav li
{
display: inline;
list-style-type: none;
float: left;
}

ul#nav li.home a:hover {
 display: block;
 background: url(http://www.timok.com/i/nav_home-h.gif) no-repeat 0 0;
}
ul#nav li.prepaid a:hover {
 display: block;
 background: url(http://www.timok.com/i/nav_prepaid-h.gif) no-repeat 0 0;
}
ul#nav li.voip a:hover {
 display: block;
 background: url(http://www.timok.com/i/nav_voip-h.gif) no-repeat 0 0;
}
ul#nav li.support a:hover {
 display: block;
 background: url(http://www.timok.com/i/nav_support-h.gif) no-repeat 0 0;
}
ul#nav li.blog a:hover {
 display: block;
 background: url(http://www.timok.com/i/nav_blog-h.gif) no-repeat 0 0;
}
ul#nav li.contact a:hover {
 display: block;
 background: url(http://www.timok.com/i/nav_contact-h.gif) no-repeat 0 0;
}


ul#nav li.home a {
 display: block;
 background: url(http://www.timok.com/i/nav_home.gif) no-repeat 0 0;
}
ul#nav li.prepaid a {
 display: block;
 background: url(http://www.timok.com/i/nav_prepaid.gif) no-repeat 0 0;
}
ul#nav li.voip a {
 display: block;
 background: url(http://www.timok.com/i/nav_voip.gif) no-repeat 0 0;
}
ul#nav li.support a {
 display: block;
 background: url(http://www.timok.com/i/nav_support.gif) no-repeat 0 0;
}
ul#nav li.blog a {
 display: block;
 background: url(http://www.timok.com/i/nav_blog.gif) no-repeat 0 0;
}
ul#nav li.contact a {
 display: block;
 background: url(http://www.timok.com/i/nav_contact.gif) no-repeat 0 0;
}


.banner {
	background: #556AAB url(http://www.timok.com/i/banner.gif) no-repeat bottom;	
	height: 82px;
	margin: 0; 
	padding: 0;
	
}

.content { 
	color: #666972; 
	margin: 0 auto; 
	padding: 0; 
}

.helpdesk {
	width: 100&;
	font-size: 95%;
	margin: 15px 0 5px 15px;
	padding: 0;
	color: #666972;
}

.helpdesk a { color: #436CB4;
	    text-decoration: underline;}

.links{
	clear: both;
	width: auto;
	height: 17px;
	margin: 10px 15px 10px 15px;
	border: 1px solid white;
	text-align: center;
	font-size: 95%;
}
	

.footer {
	clear: both;
	width: auto;
	height: 17px;
	margin: 0px;
	background: url(http://www.timok.com/i/bg_foot.gif) no-repeat bottom;
}

.footer padding {
	text-align: center;
}

#bottom {
 	clear: both;
	/*background-color: #656871;*/
	width: 100%;
}

.copy {
	margin: 0px auto;
	text-align: center;
	clear: both;
	width: 767px;
	color: #FFF;
	font-size: 90%;
}

.copy a {
	color: #FFF;
}
		 
	 
		 
		 
/* HelpDesk Specific */
#HD_content {
	width: 100%;
	margin-bottom: 10px;
}


INPUT {
	border: expression( (this.type=="text") || (this.type=="button") || (this.type=="password") || (this.type=="submit") || (this.type=="file")  ? '1px solid Silver' : 'none');
	font: 8pt verdana;
}

/* same for FireFox */
INPUT[type="text"] {
	border: 1px solid Silver;
	font: 8pt verdana;
}
INPUT[type="button"] {
	border: 1px solid Silver;
	font: 8pt verdana;
}
INPUT[type="submit"] {
	border: 1px solid Silver;
	font: 8pt verdana;
}
INPUT[type="password"] {
	border: 1px solid Silver;
	font: 8pt verdana;
}
INPUT[type="file"] {
	border: 1px solid Silver;
	font: 8pt verdana;
}
/* end */

textarea
{
	border: 1px solid silver;
	font: 8pt Verdana;
}
SELECT {
	font: 8pt verdana;
	border: 1px solid Silver;
}
button
{
	border: 1px solid silver;
	font: 8pt Verdana;

}
ul
{
	list-style-image: url(images/bullet.gif);
}

.topmenu
{
	font-weight: bold;
	color: #818181;
}
td.topmenu
{

}
a.topmenu
{
	color: #818181;
	text-decoration: none;
}
a.topmenu:visited
{
	color: #818181;
}
a.topmenu:hover
{
	text-decoration: underline;
}

a.catmenu
{
	display:block;
	padding:2px 2px 2px 2px;
}
a.catmenu:hover
{

}

.gradientbg
{
	background-image: url(images/bg_gradient.gif);
}

.lightbg
{
	background-color: #eeeeff;
}

.commentsAttr
{
	font-size:80%;
	font-family:Microsoft Sans Serif;
}

.grey
{
	color: Gray;
}