root { 
    display: block;
}

html {
   
    font-family:Arial, Tahoma,Lucida Sans Unicode, Arial;
    font-size:12px;
    color:#3B3A3A;
    line-height:20px;
	
}

body {
    left:0px;
    top:0px;
    background-color:black;
/*
  background-color:#f2f2f2;
	background-color:#5B5C5C;
	background-image:url("../img/tlo.png");
	background-repeat: repeat-y;
	background-position:center top;
	*/
}

a {
    color:gray;
}

a:hover {
    color:black;
}

div#content{
    background-color:white;
    min-height: 500px;    
    width:900px;
    margin:0 auto;
    overflow:auto;
    padding:0 20px 0 20px;
    overflow-x:hidden;
    overflow-y:hidden;
	
}


div#bottom{

background-color:#5B5C5C;
    min-height: 110px;    
    width:1100px;
    margin:0 auto;
    overflow:auto;	
}

div#content div#left {
    margin:10px 10px 10px 0px;
    float:left;
    min-height: inherit;
    border-right:1px solid #e0e0e0;
    width:65%;
    padding:0 35px 0 0px;
}

div#content div#left img {
/*    width: 100%;
    margin:0 auto;
    display:block;*/
}

div#content div#right {
    margin:10px 10px 5px 10px;
    float:right;
    min-height: inherit;    
    width:27%;
}

div#content div#menu {  
	margin-bottom:50px;  
}

div#content div#menu ul {
       float:right;
       margin:0px 0px 5px 0px;
       list-style:none;
}

div#content div#menu ul li {
       padding:5px;
       color:white;
       background-color:#3F3F3F;
       font-size:90%;
       float:left;       
       width:140px;
       text-align:center;
}

div#content div#menu ul li a{
       text-decoration: none;
       color:white;
}

div#content div#menu ul li:hover {
       background-color:red;
       cursor: pointer;
}

div.clear {
    clear:both;
}

h2 {
    font-size:190%;
    font-weight:normal;
    text-transform: lowercase;
    margin:20px 0 20px 0;
    padding:0;
}

h2.title {
    margin:0;
}

div#content div#right h2 {
}

div#content div#left h2 {
    color:black;
    font-size:190%;
    text-transform: none;
    margin-bottom:15px;
}


div.news
{
    
    clear:both;
	overflow:auto;
	margin-bottom:10px;
}

div.news span {
	
	text-align:justify;
    display:block;
    margin:0 0 20px 0;
}


div.news a.more {
    
    
  /*  
  float:right;
    clear:both;
    margin:15px 0 15px 0;
  display:block;
  text-transform: uppercase; 
  font-size:90%;
     font-family:arial;
  */
    text-decoration:none;
    font-weight:bold;
    color:maroon;
 
}

div.news a:hover.more {
  
    text-decoration:none;
    background-color:maroon;
	color:white;    
}

div.item {
    cursor:pointer;
    padding:10px 10px 20px 10px;
    margin-bottom:20px;
    clear:both;
    overflow:auto;
}

div.item:hover {
    background-color:#e0e0e0;
}

div.item img {
    float:left;
    padding:0 20px 0 0;
}

div.item span.title {
   margin:0 0 15px 0;   
   font-size:20px;
   display:block;
   font-weight:normal;
  
}

div.item span.title a {
     text-decoration: none;
     color:black;
}

div.item span.date {
    font-size:100%;
    color:gray;
    
    
}

div.item span.description {
    line-height:18px;
}


table.admin-list {
    width:100%;
    border-collapse:collapse;
}

table.admin-list th{
    text-align:left;
    height:40px;
}

table.admin-list tr td {
    border-bottom: 1px solid #e0e0e0;
    height:30px;
}
table.admin-list tr:hover td {
    background-color:#e0e0e0;
}

form div.input {
    display:block;
    min-height:30px;
    width:100%;
    clear:both;
    overflow:auto;
    margin:0 0 10px 0;
}

form div.input input, form div.input select, form div.input textarea {
    border:1px solid #e0e0e0;
    
}

form div.input textarea {
    width:80%;
    height:200px;
    font-family:Tahoma;
    font-size:100%;
    padding:5px;    
}

form div.submit {
    text-align:center;
}
form input[type=submit] {
    clear:both;
    width:100px;
}

form input {
    width:80%;
}

form div.input label {
    width:100px;
    display:block;
    float:left;
    margin: 3px 0 10px 0;
}

img#photo-main:hover {
   cursor:pointer;
}


div.pager {      
    text-align: right;
    margin:0 0 20px 0;
    min-width:200px;
    overflow:auto;
}

div.pager span {
    padding:8px;
    line-height:20px;
    margin:5px;
    clear:none;
    display:inline;
    width:20px;
    white-space: nowrap;
    background-color: gray;
    color:white;
}

div.pager span:hover, div.pager span.current {
    background-color:orange;
}

div.pager span a {
    color:white;
    text-decoration: none;
}

div.admin-menu {
    padding:5px;
    margin: 5px 0 25px 0;
    border-top:1px solid #e0e0e0;

}

select {
    border:1px solid #e0e0e0;
}

h2.about {
    height:40px;
    padding-left:60px;
    padding-top:20px;
    background-image:url('../img/48px-Crystal_Clear_kdm_user_male.png');
    background-repeat:no-repeat;
    background-position: 0em 0.2em;
    
}

h2.about2 {
    height:40px;
    padding-left:60px;
    padding-top:20px;
    background-image:url('../img/48px-Crystal_Clear_app_linphone.png');
    background-repeat:no-repeat;
    background-position: 0em 0.4em;
    
}

h2.about3 {
    height:40px;
    padding-left:60px;
    padding-top:20px;
    background-image:url('../img/48px-Crystal_Clear_app_kview.png');
    background-repeat:no-repeat;
    background-position: 0em 0.5em;
    
}

h2.about4 {
    height:40px;
    padding-left:60px;
    padding-top:20px;
    background-image:url('../img/facebook.png');
    background-repeat:no-repeat;
    background-position: 0em 0.5em;
    
}

div.news-quote {
    margin-left:-10px;
    background-image:url('../img/quote.png');
    background-repeat:no-repeat;
    background-position: -0.5em 0em;
    width:83%;
    height:170px;
    padding:20px;
    padding-top:30px;
    padding-right:30px;
    font-size:10px;
}

table#tearsheets {
    width:100%;
}

table#tearsheets td {
    border-bottom:1px solid gray;
    
}

table#tearsheets td.desc {
    width:200px;
    vertical-align: top;
    font-size:11px;
    padding-right:10px;
    border-bottom:0;
    padding-top:10px;

}

table#tearsheets td.desc div {
    background-color:#e0e0e0;
    padding:7px;
}

table#tearsheets img {
    border: 1px solid #e0e0e0;
    margin-bottom:10px;
    margin-top:10px;
    
}


