/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Azulmedia
   TEMPLATE CODE: 	S-0008
   VERSION:          2.0          	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */

img, div, input { behavior: url("css/iepngfix.htc") }

/* links */

a:link {
    text-decoration:none;
    color:inherit;
}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

a.intellectlink
{
    font-family: Arial;
    font-size: x-small;
    color: white;
    text-decoration: none;
}

a.adminMenu
{
    font-family: 'trebuchet MS';
    color: #333333;
    font-size: medium;
}

a.vkingA
{
    font: Trebuchet MS small;
    color: #FFBB55;
    text-decoration: none;
}

a.VkingMenu
{
    font-family: 'Trebuchet MS';
    color: #FFFFFF;
    text-decoration: none;
    font-size: medium;
}
a.VkingMenu:hover {
    text-decoration:none;
    color: #FF66CC;
}
a.readMoreLink
{
    font-family: 'Arial';
    color: #FFA74F;
    text-decoration: none;
    font-size: x-small;
}
a.readMoreLink:hover
{
    text-decoration: none;
    color: #FFC4EC;
}
a.DownloadLib
{
    font-family: 'Trebuchet MS';
    color: #7DAF07;
    text-decoration: none;
    font-size: medium;
}
a.MoreAboutUs
{
    font-family: 'Trebuchet MS';
    color: #FFCCFF;
    text-decoration: none;
    font-size: medium;
    font-weight: 500;
}
a.adminMenu:link {color: #333333; text-decoration:none;}
a.adminMenu:visited {color:#333333; text-decoration:none;}
a.adminMenu:hover {color:#CC0000; text-decoration:none;}
a.adminMenu:active {color:#333333; text-decoration:none;}

blockquote {
	margin: 5px;
 	padding: 0 0 0 5px;  	
 	color: #752B7D;
  	background: #F0DAF2;	
	font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;   
}


/* headers */
h1, h2, h3 {
	font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif;
	color: #FFF;	
}

h1.vkingH1{
    font: 16px 'Trebuchet MS', Arial, Sans-serif;
	color: #FFAAFF;
}

h1 { font-size: 1.6em; } 
h2 { font-size: 1.4em; text-transform:uppercase; font-weight: bold;}
h3 { font-size: 1.3em; font-weight: bold; }

p, h1, h2, h3
{
    margin: 0;
    padding: 5px 10px;
    text-align: justify;
    font-variant: normal;
    font-weight: normal;
    font-size: .70em;
    line-height: 1.6em;
    font-family: Verdana, Tahoma, sans-serif;
}
#planery p
{
    margin: 0;
    padding: 5px 5px;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
    font-smooth: always;
    color: #000000;
}

li.vking{
    	font: normal .70em/1.6em Verdana, Tahoma, sans-serif;
        text-align: justify;
}

h1.vking{
    margin: 0;
    color: #752B7D;
    font-size:large;
	text-align: left;
}

ul.circle {
    list-style-type:circle
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #FFF;
}

/* images */
img.amol{
    background-color:inherit;
	text-decoration: none;
}

img.amol a{
    background-color:inherit;
	text-decoration: none;
	
}

img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}


/* header */
#header {
	position: relative;
	height: 110px;	
	background: #7F8082 url(top_bg.jpg) 100% 100%;
	border-bottom: 1px solid #444;		
}
#header h1#logo {
	position: absolute;
	top: 5px; left: 20px;
	margin: 0; padding: 0;
	font: bolder 50px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;	
}
#header h2#slogan {
	position: absolute;
	top: 50px; left: 65px;
	color: #FFF;
	text-indent: 0px;
	font: bold 12px Tahoma, 'Trebuchet MS', Sans-serif; 
	text-transform: none;	
}

/* content-wrap */
#content-wrap {
	clear: both;
	margin: 0; padding: 0;			
}

/* box */
.box {
	margin: 0px 15px;			
	border: 1px solid #FF2DCB;	 	
	background-color: #FF51FF;	
}

/* main */
#main {
	margin: 0 0 0 270px;		
	padding-top: 20px;
}
#main .box {
	margin-left: 0;
}

/* sidebar */
#sidebar {
	float: left;
	width: 270px;
	margin: 0;
	padding-top: 20px; 	
}
#sidebar ul.sidemenu {
	margin: 0 0 0 15px; padding: 0;	
	background: #242424;		
	border-top: 5px solid #444;
}
#sidebar ul.sidemenu li {
	display: inline;
	list-style: none;		
}
#sidebar ul.sidemenu li a {
  display: block;	
  padding: 5px 10px 5px 15px;   
  text-decoration: none;
  color: #CCC;
  font-weight: bold;  
} 
#sidebar ul.sidemenu li a:hover {
  color: #333;
  background: #A0A0A0;  
}

/* Footer */
#footer-wrap { 
	clear: both; 
	color: #FFF; 
	background: #000; 
	margin: 0 auto; 
	padding: 0; 
	font-size: 88%;  		
}
#footer-wrap a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer-wrap .footer-left{
	float: left;
	width: 65%;	
	padding-bottom: 20px;	
}
#footer-wrap .footer-right{
	float: right;
	width: 30%;			
	padding-bottom: 20px;
}

/* menu tabs */
#header ul {
	position: absolute;
	top: 20px; right: 20px;
	margin:0; padding: 0;
   list-style:none;
	font: bold 1.3em  'Trebuchet MS', Tahoma, verdana,  sans-serif;	
	height: 2.3em;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
	float: left;
   margin:0;
   padding:3px 10px 2px 10px;
   text-decoration:none;	
	color: #CCC;
}
#header a:hover {
	border-top: 5px solid #CCC;	
}
#header #current a {
   color: #FFF;
	border-top: 5px solid #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear {	clear: both; }
.gray  {	color: white; }
.comments { 
	text-align: right; 
	padding: 7px 15px;
	margin: 20px 15px 15px 15px;
	background: #FF2DCB;	 
}
.iGrayBorder
{
    padding: 5px;
    border: 1px solid #E1E1E1;
}
.iGrayBox
{
    padding: 5px;
    background-color: #F5F5F5;
    border: 1px solid #E1E1E1;
}
.iBlueBox
{
    padding: 5px;
    background-color: #F4FBFF;
    border: 1px solid #C6E8FF;
}
td.iTdStyle
{    
   border:solid 1px #752B7D;
   background-repeat: no-repeat; 
   background-position: center top;
   text-align:center
   
   }

td.menuon { 
    border:solid 1px white;
    text-align:center
}

td.menuoff{
     border:solid 1px #752B7D;
     text-align:center
}
td.adminMenu
{
    font-family: 'trebuchet MS';
    color: #333333;
    font-size: medium;
    padding-left: 8px;
}
td.topWhiteCorner
{
    background-image: url( 'Images/bkgTopWhite.gif' );
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 938px;
    height: 12px;
    position: relative;
}
td.bottomWhiteCorner
{
    background-image: url( 'Images/bkgBotWhite.gif' );
    background-repeat: no-repeat;
    background-position: center top;
    width: 938px;
    height: 10px;
    position: relative;
}
td.adminFormTitle
{
    font-family: 'trebuchet MS';
    font-size: medium;
    color: #CC0000;
}
td.termsNote
{
    font-family: verdana;
    font-size: 0.7em;
    color: #FF9933;
    padding-left: 10px;
}
td.LableStyle
{
    font-family: 'trebuchet MS';
    font-size: small;
    color: #000000;
    padding-left: 10px;
    text-align: left;
}
.Mygrid
{
    font-family: tahoma;
    font-size: 11px;
    width: 100%;
    cursor: pointer;
}
.Mygrid .altrow
{
    background-color: #EBF4FA;
    height: 20px;
    text-align: left;
    text-indent: 5px;
} 

.Mygrid .row
{
    background-color: #fff;
    height: 20px;
    text-align: left;
    text-indent: 5px;
}  
.Mygrid .headerStyle
{
    background-color: #333333;
    height: 23px;
    font-family: 'trebuchet MS';
    font-size: small;
    color: #FFFFFF;
    text-align: left;
    text-indent: 5px;
} 
td.LeftTopCorner
{
    background-image: url( 'Images/cor1.gif' );
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    width: 9px;
    height: 9px;
}
td.RightTopCorner
{
    background-image: url(  'Images/cor2.gif' );
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
    width: 9px;
    height: 9px;
}
td.LeftBottomCorner
{
    background-image: url( 'Images/cor1.gif' );
    background-repeat: no-repeat;
    background-position: left bottom;
    position: relative;
    width: 9px;
    height: 9px;
}
td.RightBottomCorner
{
    background-image: url( 'Images/cor2.gif' );
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
    width: 9px;
    height: 9px;
}
td.infoLable
{
    font-family: 'trebuchet MS';
    color: #006BB3;
    font-size: medium;
    padding-left: 5px;
}
td.DataListLable
{
    font-family: 'trebuchet MS';
    color: #333333;
    font-size: small;
    padding-left: 2px;
    font-weight: bold;
}
td.DataListData
{
    font-family: 'trebuchet MS';
    color: #000000;
    font-size: small;
    padding-left: 2px;
}
.Textbox1
{
    border: 1px solid #999999;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    height: 18px;
    padding-left: 5px;
    padding-top: 5px;
}
.Textbox2
{
    border: 2px solid #FF0066;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    height: 18px;
    padding-left: 5px;
    padding-top: 5px;
}
.myCombo
{
    font-family: arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #FFD2E9;
    text-align: left;
    padding-left: 5px;
    border: 1px solid #FFC6E2;
}