/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
background-image:url(resources/theme/background.gif);
}

input {
background:url("resources/theme/form_shadow.gif") white top repeat-x;
font-weight:bold;
}

textarea {
background:url("resources/theme/form_shadow.gif") white top repeat-x;
}

.bold {
font-weight:bold;
}

.required {
color:red;
font-size:12;
padding-left:5px;
}

.profile td {
padding-bottom:50px;
}

form {
  border : 1px solid black;
  padding : 5px;
background:url("resources/theme/form_bg.gif") white top repeat-x;
}

.profileimg {
text-align:center;
font-weight:bold;
}

.profiledesc {
text-align:left;
}

.profilebody {
width:100%;
font-size:12px;
}
 
#pagewidth{ 
 width:700px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
} 
 
#header{
 position:relative; 
 height:50px; 
  background-color:#000000; 
 width:100%;
 background-image:url(resources/theme/header.png);
}

#headertext{
padding-top:12px;
padding-left:20px;
text-align:left;
font-weight:bold;
font-size:24px;
color: white;
}

form h1 {
/*display:inline;*/
}

/*- Menu Tabs 3--------------------------- */

    #tabs3 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      background-color: black;
      }
    #tabs3 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs3 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs3 a {
      float:left;
      background:url("resources/theme/tableft3.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs3 a span {
      float:left;
      display:block;
      background:url("resources/theme/tabright3.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs3 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs3 a:hover span {
      color:#fff;
      }
    #tabs3 a:hover {
      background-position:0% -42px;
      }
    #tabs3 a:hover span {
      background-position:100% -42px;
      }

#swipe
{
background-image:url(resources/theme/KarayaSwipe.png);
width:100%;
height:28px;
float:left;
display:inline;
position: relative;
}

#maincol{
background-color: #FFFFFF;  
background-repeat: no-repeat;
 float: left;
 display:inline; 
 position: relative; 
 width:700px; 
 }

#body
{
padding-top:5px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
font-size:16px;
}

.leftimage
{
float:left;
margin: 10px 10px 10px 10px;
border: solid black 1px;
}

.rightimage
{
float:right;
margin: 10px 15px 15px 10px;
border: solid black 1px;
}

.mainimage
{
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:25px;
border: solid black 1px;
text-align:center;
display:block;
}

#footer{
 height:1; 
 text-align:center;
 background-color:#FFFFFF; 
 clear:both;
 border-top:black solid thin;
} 

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */