/*--------------------------------------------------------------------
    
    Standard Web CSS Document for NETSARIUS & Eskaywoo projects

---------------------------------------------------------------------*/

/* CCS for elements  */

body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #402400;	/* Set background color
	   background-color: #02569A;
    */
    
	/* Set background image
       background-image:url('filename.gif');
       background-repeat:no-repeat | repeat | repeat-x | repeat-y;
       background-attachment:fixed; (this will make the image looks like floating)
    */
}

body,td,th, p, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* 12px, 11px, 10px are common */

	/* options for text setting
       color: #000000;
       text-align:  	left | right | center | justify
       text-decoration:  	none | underline | overline | line-through | blink
	   word-spacing:	normal | 14px;
	   letter-spacing:	normal | 14px;
	*/
}

/* CCS for links  */

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* header elements */

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}


/* form elements */
BUTTON {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
INPUT {font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align:middle;}
SELECT {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
TEXTAREA {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* others */
div, h1, h2, h3, h4, form, label, img, span{
	margin:0; padding:0; border:0px;
}


/* block quote and list */
BLOCKQUOTE, PRE	{font-family:	Courier New, monospace;}
UL LI	{list-style-type:	square ;}
UL LI LI {list-style-type:	disc;}
UL LI LI LI	{list-style-type:	circle;}
OL LI {list-style-type:	decimal;}
OL OL LI {list-style-type:	lower-alpha;}
OL OL OL LI	{list-style-type:	lower-roman;}


/*--------------------------------------------------------------------
    
    User Defined Class and CSS settings

---------------------------------------------------------------------*/

.header1 {font-family: Arial, Helvetica, sans-serif; font-size: 18px;}

.header2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#02569A;}

a.footer:link, a.footer:visited {
	text-decoration: none;
}

a.footer:hover, a.footer:active{
	text-decoration: none;
}

.copyright {
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FBD292;
}
.netsarius-text {
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FBD292;
}
a:hover.netsarius-text {
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-weight: bold;
}
.bg-nav {
	background-image: url(../images/bg-top-nav.jpg);
	background-repeat: no-repeat;
}
.bg-footer {
	background-image: url(../images/bg-footer.jpg);
	background-repeat: no-repeat;
}
.greentext-serve {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #329378;
	text-decoration: none;
	padding-top: 10px;
	font-style: normal;
}
.serve-link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #300;
	text-decoration: none;
	padding-top: 5px;
	font-style: normal;
}
.serve-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #300;
	text-decoration: none;
	padding-top: 5px;
	font-style: normal;
}
.useful-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #300;
	text-decoration: none;
	font-style: normal;
	padding-left: 30px;
}
.useful-text2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #300;
	text-decoration: none;
	font-style: normal;
}
.useful-link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #300;
	text-decoration: none;
	font-style: normal;
	padding-left: 30px;
}
a:hover.useful-link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2FA88C;
	text-decoration: none;
	font-style: normal;
}
.courses-link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #300;
	text-decoration: none;
	font-style: normal;
}
a:hover.courses-link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	font-style: normal;
}
.footer-link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FBD292;
	text-decoration: none;
	font-style: normal;
	padding-right: 10px;
	padding-left: 10px;
}
a:hover.footer-link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	padding-right: 10px;
	padding-left: 10px;
}
.home-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #300;
	text-decoration: none;
	padding-top: 27px;
	font-style: normal;
	padding-left: 8px;
	padding-right: 10px;
}
.home-text2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #300;
	text-decoration: none;
	font-style: normal;
}
.home-textblue {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #03F;
	text-decoration: none;
	padding-top: 27px;
	font-style: normal;
}
.special-links {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #300;
	text-decoration: underline;
	padding-top: 27px;
	font-style: normal;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #973E00;
}
a:hover.special-links {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: underline;
	padding-top: 27px;
	font-style: normal;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #973E00;
}
.courses-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #300;
	text-decoration: none;
	font-style: normal;
}
.side-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #300;
	text-decoration: none;
	font-style: normal;
	padding-top: 50px;
	padding-right: 5px;
}
.testi-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #300;
	text-decoration: none;
	font-style: normal;
	padding-right: 18px;
	padding-left: 25px;
}
.testi-text-names {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #300;
	text-decoration: none;
	font-style: italic;
	padding-right: 18px;
}
.subcourses-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #300;
	text-decoration: none;
	font-style: normal;
}
.title-course {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #300;
	text-decoration: none;
	font-style: normal;
	padding-bottom: 10px;
}
.duration-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #C60;
	text-decoration: none;
	font-style: normal;
	padding-bottom: 10px;
}
.duration-bold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #330500;
	text-decoration: none;
	font-style: normal;
	padding-bottom: 10px;
}
.btn-courses-padding {
	padding: 10px;
}
a:hover.serve-link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	font-style: normal;
}
.divider {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FBD292;
}
.divider2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FBD292;
}
.cbox-inside {
	background-image: url(../images/img-cbox-inside.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.cbox-left {
	background-image: url(../images/img-cbox-left.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.cbox-right {
	background-image: url(../images/img-cbox-right.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.cbox-bottom-repeat {
	background-image: url(../images/img-cbox-repeat.jpg);
	background-repeat: repeat-y;
}
.feesbox-padding {
	padding-top: 15px;
	padding-left: 10px;
}
.btn-testi1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #660B00;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 30px;
}

a:hover.btn-testi1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #660B00;
	text-decoration: underline;
	padding-right: 10px;
	padding-top: 30px;
}
.arrow-testi {
	padding-top: 8px;
	padding-left: 80px;
}
.arrow-testi2 {
	padding-top: 8px;
	padding-left: 140px;
}
.month-name {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #300;
	text-decoration: none;
	font-style: normal;
	padding-bottom: 10px;
	padding-top: 5px;
}
.day-name {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #300;
	text-decoration: none;
	font-style: normal;
}

/*--------------
Begin Lightbox CSS
---------------*/
#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #FFFFFF;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;
	
	color:#CCCCCC;

	background-color: #000000;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}	

	.footerlinks {
	font-family: Helvetica, Arial;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
/*--------------
End Lightbox CSS
---------------*/
                                       .small-texts {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #300;
	text-decoration: none;
}
.border {
	border: thin solid #3F2500;
}
.img-paddingleft {
	padding-left: 25px;
	padding-top: 10px;
}