body {
margin: 0;
background-image: url(../images/mainbg.png);
}
img{ border:none;}
.vtop {
margin-top: 0px;
background-image: url(../images/upbarbg.png);
background-repeat:repeat-x;
}

.top {
margin-top: 0px;
background-image: url(../images/upbar.png);
background-repeat:no-repeat;
}

a {color: 006BAB;
text-decoration: none;
}

a:hover {color: #FF0000;
text-decoration: none;
}


p,td,li {font-family: Roboto, sans-serif; font-size: 14px; color: #666666;}

pre {font-family: Roboto, sans-serif; color: #1E3E8E;}

ul {list-style: none}

h1 {font-family: Roboto, sans-serif; color: 141F6F}

h2 {font-family: Roboto, sans-serif; color: steelblue}

h3 {font-family: Roboto, sans-serif; color: #808080}

h4 {font-family: Roboto, sans-serif; color: #008000}

h5 {font-family: Roboto, sans-serif; #008000}

.dots {font: 10px Verdana,arial,helvetica,sans-serif; color: #AFAFB3;}

.title {font-family: Roboto, sans-serif; color: 141F6F; font-size: 16px; padding: 12px 15px;font-weight: bold;}

.ex {font-family: Roboto, sans-serif; color: 666666}

.field {font-family: Roboto, sans-serif; color: #1E3E8E}

.fr {
	width: 240px;
	height: 100px;
	position: relative;
	padding: 10px;
	background: #EBEBEB;
	-webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}
.fr :hover{
	background: #EBEBEB;
}

.pict {
border-style:double;
border-color:#D1CFCF;
border-width:3px;
}


/* Form Styles */
.textfield {font-family: Roboto, sans-serif; font-size:11px; color:#666666; background:#ffffff; border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}

.submit {font-family: Roboto, sans-serif; background: #639BC5; color: #ffffff; border: #cccccc 1px outset}

select {font: normal 7pt "verdana","arial mt","arial narrow","arial"; color: #616161;}

select.nav_sel {font: normal 7pt "verdana","arial mt","arial narrow","arial"; color: #30678F; background: #ADCEEF}

form {margin: 0}



.btn {
font-family: Verdana;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border: 0px;
cursor: pointer;
padding: 5px 20px;
font-size: 10px;
color: #ffffff;
}

.btn1 {
font-family: Verdana;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border: 0px;
cursor: pointer;
padding: 5px 9px;
font-size: 10px;
color: #ffffff;
}

.btn2 {
font-family: Verdana;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border: 0px;
cursor: pointer;
padding: 5px 21px;
font-size: 10px;
color: #ffffff;
}

.btn3 {
font-family: Verdana;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border: 0px;
cursor: pointer;
padding: 5px 12px;
font-size: 10px;
color: #ffffff;
}

.btn4 {
font-family: Roboto, sans-serif;font-size: 11px;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border-style:solid;
border-width:0px;
cursor: pointer;
padding: 4px 34px;
color: #ffffff;
}

.btn5 {
font-family: Roboto, sans-serif;font-size: 11px;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border-style:solid;
border-width:0px;
cursor: pointer;
padding: 4px 29px;
color: #ffffff;
}

.btn6 {
font-family: Verdana;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border: 0px;
cursor: pointer;
padding: 5px 14px;
font-size: 10px;
color: #ffffff;
}

.btn7 {
font-family: Verdana;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 15px;
font-size: 10px;
color: #ffffff;
}

.btn8 {
font-family: Verdana;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 25px;
font-size: 10px;
color: #ffffff;
}

.btn9 {
font-family: Verdana;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 26px;
font-size: 10px;
color: #ffffff;
}

.btn10 {
font-family: Verdana;
font-weight: none;
background-image: url(../images/but.gif);
background-repeat: no-repeat;*/
border: none;
cursor: pointer;
padding: 5px 17px;
font-size: 10px;
color: #ffffff;
}

.geninputred {

color : #666666;
	border: 1px solid #CC0001;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 11px;

}


.geninput {
	font-weight: bold;
color : #666666;
	border: 1px solid #FF0000;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 10px;

}



#fieldwrapper {
width:226px; /*follow your images size*/
height:32px;/*follow your images size*/
background-image:url(../images/textfielddf.png);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#fieldwrapper form { display:inline ; }
 
.fieldbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
cursor: pointer;
top:1px;
left:14px;
right: 14px;
width:200px;
height:26px;
font-family: Sintony, sans-serif;
font-style: normal; 
font-size: 12px;
color: #003B66;
}
/*///////////TEXT FIELD DIV////////*/
#textfielddiv {width:71px; /*follow your images size*/height:32px;/*follow your images size*/background-image:url(../images/ratestext.png);background-repeat:no-repeat; /*important*/padding:0px;margin:1px 1px 1px 1px;position:relative; /*important*/}
/*///////////TEXT FIELD/////////*/    
.textfield {border:0px; /*important*/background-color:transparent; /*important*/position:absolute; /*important*/cursor: pointer;direction:ltr;top:1px;left:5px;right:5px;width:65px;height:30px;font-family: Sintony, sans-serif;font-style: normal; font-size: 12px;color: #003B66;}
/*////////TEXTAREA1 FIELD DIV//////*/
#textareadiv1 {width:331px; /*follow your images size*/height:103px;/*follow your images size*/background-image:url(../images/textareafd.png);background-repeat:no-repeat; /*important*/padding:0px;margin:0px 0px 0px 0px;position:relative; /*important*/}
/*//////////TEXTAREA1 FIELD////////*/    
.textarea1 {overflow:auto;border:0px; /*important*/background-color:transparent; /*important*/position:absolute; /*important*/cursor: pointer;direction:ltr;top:4px;left:10px;right:10px;width:311px;height:90px;font-family: Sintony, sans-serif;font-style: normal; font-size: 12px;color: #003B66;}
/*///////////CHECKBOX FIELD/////////*/   
.checkbox, .radio {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(../images/checkbox.png) no-repeat;display: block;clear: center;float: center;cursor:pointer;}
.matt{width: 100%;font-family: Roboto, sans-serif;font-size: 13px;overflow: hidden;border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/}
.matt ul{margin: 0;padding: 0;padding-left: 10px; /*offset of tabs relative to browser left edge*/font-family: Roboto, sans-serif;font-size: 13px;list-style-type: none;}
.matt li{display: inline;font-family: Roboto, sans-serif;}
.matt li a{float: left;display: block;font-family: Roboto, sans-serif;font-size: 13px;text-decoration: none;margin: 0px;padding: 10px 11px; /*padding inside each tab*/color: #0837AD;background: #ffffff; /*background of tabs (default state)*/border-top: 0px solid #343434; /*bottom horizontal line that runs beneath tabs*/border-bottom: 0px solid #343434; /*bottom horizontal line that runs beneath tabs*/}
.matt li a:hover, .matt li.selected a{font-family: Roboto, sans-serif;font-size: 13px;background: #FF0000; color: white;background-image:url("http://kindlytechmena.com/images/hov.png");background-position:center bottom; background-repeat:no-repeat;}
.smatt{margin: 0px;width: 100%;font-family: Roboto, sans-serif;font-size: 13px;overflow: hidden;border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/}
.smatt ul{margin: 0px;padding: 0px;padding-left: 10px; /*offset of tabs relative to browser left edge*/font-family: Roboto, sans-serif;font-size: 13px;list-style-type: none;}
.smatt li{display: inline;font-family: Roboto, sans-serif;font-size: 13px;}
.smatt li a{float: left;display: block;font-family: Roboto, sans-serif;font-size: 13px;text-decoration: none;margin: 0px;padding: 12px 15px; /*padding inside each tab*/color: white;border-top: 0px solid #343434; /*bottom horizontal line that runs beneath tabs*/border-bottom: 0px solid #343434; /*bottom horizontal line that runs beneath tabs*/}
.smatt li a:hover, .matt li.selected a{font-family: Roboto, sans-serif;font-size: 13px;color: #0837AD;background-image:url("../images/hov.png");background-position:center bottom; background-repeat:no-repeat;}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local(Roboto), local(Roboto-Regular), url(http://fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf) format(truetype);
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local(Roboto Bold), local(Roboto-Bold), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf) format(truetype);
}
	#a a {background:url(../images/bg.png) repeat -20px 35px; font-size:15px;}
	#a a:hover{background:url(../images/bgb.png) no-repeat left top;}
	#a a.cur{background:url(../images/bgb.png) no-repeat left top; color:#fff;}
	#b a {background:url(../images/bg.png) repeat 0 0;}
	#c a {background:url(../bg3.jpg) repeat 0 0;}
	#d a {background:url(../bg4.jpg) repeat 0 0;}