/* This Style sheet was made by aran @ studio7designs.com  if you have any questions please email me or visit http://www.studio7designs.com */

*{border:0;margin:0;padding:0;background:transparent;} 

p {
   margin-top: 15px;
   margin-bottom: 15px;
}

a:active,
a:visited,
a:link                { color: #5B8FBE; text-decoration: none; }
a:hover               { color: #999999; text-decoration: none; }

body
{
font-family: arial, tahoma;
color: #000000;
background-color: #ffffff;
margin-top: 0px;
font-size: 13px;          
}

.box {
   position: relative;
   width: 800px;
   left: 50%;
   margin-left: -400px;
   border: 0px solid red;    
   background-image: url('/images/left_bg.jpg');
   background-repeat: repeat-y;
}

.on-page {
  color: #5B8FBE; 
}

.header-logo {
   position: relative;
   width: 800px;
   background-color: #d69b01;
   /*background-color: #2748a7;*/
   height: 112px;
   text-align: center;
}

.header-logo img {
   position: relative;
   margin-top: 30px;
}

#navi {
   position: relative;
   float: left;
   width: 800px;
   background-color: #646464;  
   border-bottom: 2px solid #d69b01;
   /*border-bottom: 2px solid #2748a7;*/
}

#navi a:link, #navi a, #navi a:visited {
   float: left;
   padding: 5px;
   font-size: 13px;
   /*font-weight: bold;*/
   color: #ffffff;
   text-decoration: none;
   background-color: #646464;
   border-right: 2px solid #c69912;
   /*border-right: 2px solid #2748a7;*/
}

#navi .sel {
   float: left;
   padding: 5px;             
   font-size: 13px;
   font-weight: bold;
   color: #ffffff;
   background-color: #ab1616;
   text-decoration: none;
   border-right: 2px solid #c69912;;
   /*border-right: 2px solid #2748a7; */
}

#navi a:hover {
   color: #ffffff;
   /*text-decoration: underline;*/
   background-color: #ab1616;
   /*background-color: #D86D0E; */
}

.header-pic {
   clear: left;
   position: relative;
   width: 800px;
   height: 220px;
}

.load-header-pic {
   position: relative;
   width: 800px;
   height: 220px;
   background-image: url('images/ajax-loader.gif');
   background-position: 50% 120px;
   background-repeat: no-repeat;
}

.middle {
   position: relative;
   float: left;
   width: 800px;   
}

#m-left {
   position: relative;
   float: left;
   width: 170px;
   border-right: 1px solid #eeeeee;
   min-height: 200px;
   margin-right: 5px;
}

#m-left a:link, #m-left a, #m-left a:visited {
   color: white;
   float: right;
   position: relative;
   padding-right: 13px; 
   margin-right: 5px;
   text-align: right;
}

#m-left a:hover {
   background-image: url('images/m_bg.jpg');
   background-repeat: no-repeat;
   background-position: right;
}

#m-left .sel {
   color: white;
   float: right;
   position: relative;
   margin-right: 5px;
   text-align: right;
   padding-right: 13px; 
   background-image: url('images/m_bg.jpg');
   background-repeat: no-repeat;
   background-position: right;
}

#m-left .pos-menu {
   padding: 5px;             
   font-size: 13px;
   font-weight: bold;
   color: #ffffff;
   background-color: #ab1616;
   margin-bottom: 10px;
   margin-top: 20px;
   text-align: right;
}


.body{
   position: relative;
   float: left;
   width: 624px;
   text-align: justify;
}

.related-title {
   margin-top: 10px;
   clear: both;
   padding: 5px;
   background-color: #FFFFC0;   
}


/* ~~~~~~~~~ footer ~~~~~~~~~ */
.footer
{
   clear: left;
	text-align: center;
   padding-top: 20px;
	height: 30px;
	background-color: #FFFFFF;
   width: 800px;	
}

/* ----- kaste h1 ---*/

.text-c {
   float: left;
   margin: 0;
   margin-top: 10px;
   border-top: 1px solid #E0E0E0;
   padding: 10px 0px 0px 0px;
   
}

.text-c-top {
   float: left;
}

.text-c-title {
   font-size: 14px;   
   border-bottom: 0px solid black;
}

.text-c-body {
   padding-top: 10px;
}

.text-c-body li {
   margin-left: 30px;
}

.text-c-title a:link, .text-c-title a:visited, .text-c-title a {
   text-decoration: none;
   color: #000000;
}

.text-c-title a:hover {
   text-decoration: underline;
}

.text-c-t, .text-c-t a {
   font-weight: bold;
   text-decoration: none;
}    
 
.text-c-t h2 {
   padding-top: 0px;
   margin-top: 0px;
   font-size: 18px;
} 

.pub-img {
   float: left;
   width: 160px;
   margin-right: 10px;
}

/* ---- Other thinks ---*/
.info-liste {
   clear: left;
   margin-top: 20px;
    padding: 5px;
    color: black; 
    font-weight: bold; 
    font-size: 20px;
    border-bottom: 1px dotted black;
}

.comment {
   clear:left;
   margin-top: 20px;
   padding: 0px;
   color: black; 
   border-top: 1px dotted black;
}   
    
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    


/*------------------*/
#ss-form {
    margin: 0px;
    padding: 0px;
}

.f-line {
   display: block;
   padding: 0px;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.f-lab {
   float: left;
    position: relative;
   display: block;
   width: 150px;
   font-size: 12px;
   padding: 3px 3px 5px 3px;
}

.f-in {
   display: block;
   font-size: 12px;
   margin: 0px 0px 0px 0px;
   padding: 0px;

}

.f-cl {
    clear: left;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    font-size: 12px; 
}

/*-----messages----*/
#msg-error {
   background: #FAD2D2;
   border: 2px solid #F06C6C;
   color: #EC4E4E;
   font-weight: bold;
   padding-left: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#msg-ok {
   background: #E2F3D9;
   border: 2px solid #9DD880;
   color: #1F7F00;
   font-weight: bold;
    padding-left: 20px;
}

#msg-warn {
   background: #FFEED7;
   border: 2px solid #FFC87A;
   color: #EF7700;
   font-weight: bold;
}

/* ----- Gallery and resource --*/

.g-f {
   float: left;
   width: 80px;
   font-size: 15px;
   height: 110px;
   text-align: center;
   margin-right: 10px;
   border: 0px solid red;
}

.g-t {
   float: left;
   clear: left;
   width: 80px;
   font-size: 15px;
   height: 110px;
   text-align: center;
   margin-right: 0px;
   border: 0px solid red;
}

.g-f-i {
   width: 80px;
   height: 80px;
   text-align: center;
   border: 0px solid red;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-color: #ffffff;
}

.g-f-i-i {
   width: 80px;
   height: 80px;
   text-align: center;
   border: 0px solid red;
   background-color: #FBA504;
   background-repeat: no-repeat;
   background-position: 50% 50%;
}

.g-f img, .g-t img{
   border: 0px;   
}


.g-f-f a {
   color: #788f3f;
   padding: 0px;
   margin: 0px;
} 
.g-f-f {
   width: 80px;
   height: 40px;
   overflow: hidden;
   border: 0px solid red;
   text-align: left;
   border: 0px solid red;
   font-size: 13px;
}

.g-b-box {
  width: 100%;
}

.g-b-b-i {
  text-align: center;
  vertical-align: middle;
}

.g-b-thum {
   position: relative;
   float: right;
   height: 500px;
   width: 110px;
   overflow: auto;
   padding-right: 20px;
   border-left: 0px solid #adc77e; 
}

.g-b-com {
   padding-right: 5px;
}

/* style for form */
.f-tile {
   font-size: 15px;
   width: 100%;
}

.f-quest {
   margin-top: 20px;
   border-top; 1px solid #C0C0C0;
   width: 100%;
}

.f-label-text {
   float: left;
}

.f-t-box {
   float: left;
}

.f-label-box {
   float:left;
}

/* ------------------------ style for form ------------------------------- */
.f-title {
   font-size: 20px;
   width: 100%;
}

.f-quest {
   clear: left;
   float: left;
   margin-top: 20px;
   border-top: 0px solid #C0C0C0;
   width: 100%;
}

.f-answer-row {
   float: left;
   clear: left;
   width: 620px;
   margin-top: 5px;
   margin-left: 0px;
   min-height: 20px;
   font-size: 12px;
}

.f-label-text {
   float: left;
   width: 600px;
   margin-right: 5px; 
}

.f-label-c-text {
position: relative; 
   float: left;
   width: 550px;
   margin-right: 5px; 
   border: 0px solid red;
}

.f-t-box {
   float: left;
   width: 20px;
}

.f-a-box {
   clear: left;
   float: left;
}

.f-label-box {
    position: relative;
   float: left;
   margin-right: 5px;
   width: 15px;
   border: 0px solid red;
}

.f-act {
    float: left;
    width: 50px;
}

/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {
    color:#000000;
    font-family:geneva,arial,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    word-spacing:4px;
    letter-spacing:3px;
    font-size:1.2em;

    padding:0 2px;
    margin:0;
}
.style5 {
	font-size: 12px;
	color: #ADACAC;
}

.i_text10 {
   width: 20px;
   padding: 0px;
   border: 1px solid silver;
}

.i_text400 {
   width: 400px;
   padding: 2px;
   border: 1px solid silver;
}

.ins-advance {
  width: 635px;
  height: 150px;
  padding: 2px;
  border: 1px solid silver;
}

.i_text500x100 {
   width: 500px;
   height: 100px;
   padding: 2px;
   border: 1px solid silver;
}

.btn {
   border: 1px solid silver;
}