/*======================================================Below style is created for new web UI============================================================*/

@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:Raleway, Jalane_light;
	src: url('raleway_thin.eot?#iefix') format('embedded-opentype'), 
	url('fonts/raleway_thin.otf'), format("opentype"), /* IE */
	url('fonts/Jalane_light.ttf'), format("truetype"); /*ff*/
	
}
* {
	margin: 0;
	padding: 0;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-image:url(../images/WebImgs/body_bg.png);
	background-repeat:repeat-x;
}
img
{
    border:0px solid;
}
#wrapper{
	margin:0 auto;
	width: 1100px;
}
/*
h1{
	font-family:Raleway, Jalane_light;
	font-size:26px;
	color:#FFF;
	text-shadow:1px 1px 1px #4f4f4f;
}
*/
#header {
	margin:0 auto;
	background-image:url(../images/WebImgs/bg_cloud2.png);
	background-repeat:no-repeat;
	width:1400px;
	height:120px;
}	
#headerLogo
{
	float:left;
	margin-left:297px;
	padding-top:33px;
}

#headertxt{
	float:left;
	margin-left:65px;/* 470px*/
	padding-top:35px;
	}

#nav-top {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-top: 13px;
	padding-left: 10px;
	color:#868585; 
	text-align:center; 
	font-weight:bold;
}

#menu {
	padding-top: 13px;
	padding-left: 40px;
	width:inherit;
}
#menu a{
	padding-right:6%;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#868585; text-align:left; font-weight:bold;
	text-decoration:none;
}
#container{
	float:left;
	width:1100px;
	padding-top:20px;
		
}

#copyright
{
	width:580px;
	text-align:center;
}
/*******   New Box *************/
.box {
	float:left;
	margin-left: 10px;
	
}
.box1 {
	float:left;
	margin-left: 10px;
	margin-top:20px;
}

.boxrectangle {
	float:left;
	width: 235px;
	padding-bottom:20px;
	background: #eef2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #eef2f2 0%, #cbd2d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef2f2), color-stop(100%,#cbd2d2)); 
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eef2f2 0%,#cbd2d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eef2f2 0%,#cbd2d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eef2f2 0%,#cbd2d2 100%); /* IE10+ */
	background: linear-gradient(top,  #eef2f2 0%,#cbd2d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef2f2', endColorstr='#cbd2d2',GradientType=0 ); 		
	/* IE6-9 */

	border-radius:5px;
	border-color:#b1b9ba;
	border:2px;
	-moz-border-radius:5px;
	
}
.boxcontent {
	float:left;
	padding-top:10px;
	padding-left:9px;
	width: 245px;
}
.boxcorner{
	float:left;
	width:4px;
	height:50px;
	background-image:url(../images/WebImgs/corner.png);
	background-repeat:no-repeat;
}
.boxtitle{
	float:left;
	width:160px;
}
/**************  New Box End ********************/ 
/*#topcon {
	float:left;
	background-image:url(../images/TopCoder.png); /* (../images/topcon.png)*/
	background-repeat:no-repeat;
	width: 210px;
	height: 210px;
	padding-top:60px;
	margin-left: 10px;
}*/
#topconbox {
	float:left;
	height:73px;
	width:73px;
	margin-top:20px;
	margin-left:20px;
	border:1px solid #b1b9ba;
	background:#b1b9ba;
	border-radius:5px;
	border-color:#b1b9ba;
	-moz-border-radius:5px;

}

#leftcol {
	float:left;
	width: 240px;
	
	}
#midcol {
	float:left;
	width: 500px;
	}
#rigthcol {
	float:left;
	width: 240px;
	margin-left:10px;
	}
	/*
#lastwork {
	float:left;
	width: 190px;
	padding-left: 20px;
	padding-top: 50px;
	background-image:url(../images/CurrentProject.png);
	background-repeat:no-repeat;
	height: 132px;
	margin-left: 20px;
}*/
/*
#newvid {
	float:left;
	background-image:url(../images/newvid.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 175px;
	padding:50px 20px 0 20px;
	margin-left: 10px;
	margin-top:20px;
	
}*/
/*
#watchus {
	float:left;
	width: 190px;
	background-image:url(../images/WebImgs/watchus.png);
	background-repeat:no-repeat;
	height: 175px;
	padding:50px 0 0 20px;
	margin-left: 20px;
	margin-top:10px;
}
*/
#footer {
	float:left;
	height:180px;
	background-image:url(../images/WebImgs/footer_bg.gif);
	background-repeat:repeat-x;
	margin-top:30px;
	width:100%;
	
}
#footercontent{
	margin:0 auto;
	background-image:url(../images/WebImgs/footer_bg2.png);
	background-position:right;
	background-repeat:no-repeat;
	width: 1100px;
	height:180px;
}
#boxone{
	margin:0 auto;
	width: 1100px;
	height: 100px;
}
#copyright {
	float:left;
	font:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#868585; text-align:center;
	text-decoration:none;
	padding: 10px 20px 0 20px;
}
#social {
	float:left;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#868585; text-align:left;
	padding-top: 10px;
	padding-left: 40px;
	width: 210px;
	}
#boxtwo {
	margin:0 auto;
	width:1100px;
	

}
#websites{
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding-left: 40px;
	text-shadow:2px 2px 2px #4f4f4f;
}
#websites a{
	padding-left: 15px;
}


/* tabbox style */
#midcoltwo {
	float:left;
	/*width: 500px;*/
	width: 580px;
	}


#tabbox {
	float:left;
	width: 570px;
	padding-left: 5px;
	border:1px solid #a1a1a1;
	background:#fff;
	border-radius:5px;
	border-color:#b1b9ba;
	-moz-border-radius:5px;
	
}

#tabtop{
	float:left;
	height:5px;
	/*width: 500px;*/
	width: 570px;
	background-image:url(../images/WebImgs/tabtop.png);
	margin-top:10px;
}

/* the tab function is under construction*/
/*#article{
	float:left;
	 margin-left:37px;
	margin-left:38px;
	font-family:Verdana, Geneva, sans-serif;
	height: 22px;
	width: 128px;
	
}
 Change by Saurabh   */
#article{
	float:left;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	height: 22px;
	width: 50%;
	
}
/*
#article a{
	float:left;
	margin-left:10px;
	height: 22px;
	width: 128px;
	background-image:url(../images/WebImges/tab1b.png);
	background-repeat:no-repeat;
}*/
/*#videos{
	float:left;
	margin-left:55px;
	font-family:Verdana, Geneva, sans-serif;
	height: 22px;
	width: 128px;
	
}
    */
#videos{
	float:left; text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	height: 22px;
	width:50%;
	
}
/*
#videos a{
	float:left;
	margin-left:10px;
	height: 22px;
	width: 128px;
	background-image:url(../images/WebImges/tab1b.png);
	background-repeat:no-repeat;
}*/
#books{
	float:left;
	margin-left:53px;
	font-family:Verdana, Geneva, sans-serif;
	height: 22px;
	width: 128px;
	
}
/*
#books a{
	float:left;
	margin-left:10px;
	height: 22px;
	width: 128px;
	background-image:url(../images/WebImges/tab1b.png);
	background-repeat:no-repeat;
}*/

.article
{
    display:block;
}
.videos
{
    display:none;
}
.books
{
    display:none;
}
/* Home Page Image Gallery */
#gallery {
	position:relative;
	height:310px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	



.panelUserInfoSmall
{
    text-align:center;
    width: 98px;
    height: auto;
    font-size:9px;
   
}
#divUserImg
{
    text-align:center;
    width:95px;
    height: 82px;
}

/*================================================End style is created for new web UI================================================================*/

/*body*/ 
/*{ */ 
/*    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/ 
/*    background: #F4F4F4; /*#dfe3ce */
/*    /*background: #E6EDF5 url(background.jpg) repeat-x top;*/ 
/*    background: #F4F4F4 url(background3.png) no-repeat center top;*/ 
/*    font-size: 11px;*/ 
/*    z-index: -100;*/ 
/*}*/ 


table
{
 font-size:11px;
}

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

a:active {
	color: red;
}

* { 
margin:0;
padding:0;
}

/*http://support.mozilla.com/tiki-view_forum_thread.php?forumId=1&comments_parentId=8822*/
a:focus
{
  -moz-outline: none;
}
/* http://devtacular.com/articles/bkonrad/how-to-remove-chromes-orange-outline/*/
/*How to Remove Chrome's Orange Outline */

*:focus  
{  
    outline: none;  
}  

/* pre is for the code syntax highlighter. http://www.neathighlighter.com/ 
pre
{
    font-family: arial;
    background-color: gainsboro;
    width: 570px;
    font-size: 11px;
}
 */
/* 
div#main
{
    background-color: #F4F4F4;
    width: 1000px;
    height: 1200px; 
    margin: auto;
    position: relative;
    
}
 */
 /* 
#divHeader
{
    vertical-align:middle;
    Width: 1000px; 
    height:60px;
    margin:0 0 0 0;
    background: url(bgCompanyLogo.png) repeat-x;
}
 */
#divSiteMap 
{
    /* background: url(bg-three-column-main2.png) repeat-y; */
    /*position:relative;*/
    /*float:left;*/
    font-size:16px;
}

#divSiteMapInGoogleResult
{
    /*background: url(bg-three-column-main-googleResult.png) repeat-y;*/
   /* position:relative;*/
    float:left;
}

#divLogo
{
    width:300px;
    height: 60px;
    float:left;
    position:relative;
}

#divTopMenuAndLoginStatus
{
    height: 25px;
    float:right;
    position:relative;
    text-align:right;
    margin-top:35px;
 
}
#divTopMenu
{
    float:left;
    position:relative;
}

#divTopMenu ul{
	text-align:center;
	margin:0;
	float: right;
	display: block;
	padding: 0;
	clear: both;
}

#divTopMenu li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#divTopMenu a
{
    color: #333333;
    font-size: 11px;
    text-decoration: none;
    margin: 0 0 10px 0;
    padding: 0 10px 0 10px;
}

#divTopMenu a:hover
{
    text-decoration: underline;
}

#divLanguages
{
    width: 1000px;
    height: 90px;
    background-color: lightsteelblue;
    float: left;
    position: relative;
    text-align:center;
}

#divUserImg
{
    text-align:center;
    width:95px;
    height: 82px;
}
#sideMenuTitle
{
    width: 200px;
    background-color: linen;
}
#videodiv
{
    width: 205px;
}
.DivPageMiddleSectionCenter /**/
{
    width: 560px;
    margin-left:150px;
}
.DivPageMiddleSectionCenter2 /**/
{
    width: 560px;
    margin-left:50px;
    margin-top:5px;
}
 .DivPageMiddleSectionLeft
{
    width: 560px;
}

.divTopNCodeReadMore
{
    width: 550px;
    text-align: right;
    color: orangered;
}

/*----------------------------------
            MENU STYLE
------------------------------------*/

#divMenu1
{
    width:1100px;
    height:24px;
    /*background: url(bgMenu-gray.jpg) repeat-x; /*url(bgMenu-black.jpg) repeat-x;*/
    float:left;
    position:relative ;
    font-size:14px;
    vertical-align:middle;
}


.StaticMenuItemStyle
{
    width: 111px;
    height: 30px;
    text-align:center;
    padding: 22px 0 0 0;
    font-size:13px;
}

.StaticHoverStyle
{
   /* height: 30px;
    width: 111px;
    color: #333333;
    background-color: #595959;*/
}
.StaticSelectedStyle
{
   /* background-color: #595959; 
    height: 30px;
    width: 111px;*/
}

/*----------------------------------
           SITE MAP
------------------------------------*/
.siteMap
{
    padding:0 0 0 8px;
    font-size:11px;
    color:Gray;
}
/*----------------------------------
           END SITE MAP
------------------------------------*/
/*----------------------------------
            FOOT MENU STYLE
------------------------------------*/
/* 
#footer
{
    height: 25px;
    line-height: 22px;
    width: 1000px;
    background-color: darkgray;
    position:relative;
    
}

#footer ul{
	text-align:center;
	width:98%;
	margin:0;
	float: right;
	display: block;
	padding: 0;
	clear: both;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer a {
	color: #343434;
	font-size: 10px;
	text-decoration: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

#footer a:hover
{
    text-decoration: underline;
}

#copyRight
{
    height: 25px;
    line-height: 22px;
    width: 1000px;
    text-align: center;
    font-size: 9px;
    background-color: #F4F4F4;
}
*/
/* End FOOT MENU STYLE Navigation */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-three-column
{
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    height:auto;
    /*border-top: 1px solid #dcdcdc;*/
    /*background: url(bg-three-column-main2.png) repeat-y;*/
    position: relative;
}

#content-main-three-column
{
    width: 580px; /*left and right column are all: 210px */
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0 0 0 5px;
    text-align: justify;
    color: #222222;
    line-height: 18px;
    height: auto;
}
#content-right-three-column
{
	width:250px;
    /*vertical-align:top;*/
    float:left;
    text-align:left; /*change with caution, home page box top image might changes*/
    /*position: relative;
    height: auto;
    text-align:center;*/
}
	
#right-column-text-center
{
	width:250px;
    text-align:center;
}

#content-left-three-column 
{
	width:260px;
	float:left;
	position: relative;
}

/*not using?*/
#content-container-two-column
{
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height:auto;
    border-top: 1px solid #818181;
    background: url(bg-two-column-main.png) repeat-y;
    position: relative;
}

#content-main-two-column {
	width:830px; /*left column is: 210px */
	float:right;
	margin-left:0px;
	margin-right:0px;
	padding: 0 0 0 3px;
	text-align:justify;
	color: #464646;
    line-height: 18px;
    height: auto;
    /*background: url(bg-two-column-main.png) repeat-y;*/
    position: relative;
    z-index:10;
}

#content-main-two-column2 {
	width:840px; 
	float:right;
	margin-left:0px;
	margin-right:0px;
	padding: 0 0 0 3px;
	text-align:justify;
	color: #464646;
    line-height: 18px;
    height: auto;
    position: relative;
    z-index:100;
    font-size:11px;
}

/*not using?*/
#content-left-two-column 
{
	width:210px;
	float:left;
	position: relative;
}

#content-left-two-column2
{
    width: 250px;
    float: left;
    position: relative;
    background-color: aliceblue;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    lines and separators 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.separator6 {
	height: 6px;
	line-height:6px;
	font-size:6px;
}
.separator10 {
	height: 10px;
	line-height:10px;
	font-size:10px;
}
.separator20 {
	height: 20px;
	line-height:20px;
	font-size:20px;
}

.separator40 {
	height: 40px;
	line-height:40px;
	font-size:40px;
}

.separator50 {
	height: 50px;
	line-height:50px;
	font-size:50px;
}

.line {
	background: #EEE;
	height: 1px;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
	width: 1000px;
	margin: 0;
}
.line4
{
    background: #cccccc;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
    width: 400px;
    margin: 2px 2px 10px 0px;
}

.navline{
	border-bottom:1px solid #eee;
	margin:0 auto 2px auto;
	padding:2px 0 0 0;
	width:90%;
}
.clear {
	height: 0px;
	clear: both;
	line-height: 0px;
	font-size:0px;
	width:100%;
}
hr
{
    color: #cc3333;
    background-color: #cc3333;
    height: 1px;
    border: 0;
    margin: 10px 10px 10px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:20px;
	margin:5px 0;
}

h1
{
   font-size:15px;
   color:#464646;
}

h1, h2 {
	margin-top:0px;
}

h2 {
    margin-bottom: 0;
    color: #006699;
    font-family:Arial;
    font-size:16px;
}

h3
{
    font-size: 14px;
    color: #ff3300;
}

h4 {
	font-size:13px;
	color:#464646;
	line-height:20px;
}

h5 {
	font-size:12px;
}

h6 {
	font-size:11px;
	color:#464646;
}

/*	END HEADINGS */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Login Control Style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Componnet_Login
{
    padding:0px 1px 0 1px;
    width: 250px;
    height:180px;
    display: block; 
    float:left;
    position:relative ;
    background-color:Transparent;    
}

.loginTitle
{
    line-height: 25px;
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
}
.loginContent
{
    padding: 0 10px;
}
.login_textbox
{
    width: 110px;
    height: 14px;
    font-size: 11px;
    background-color: #fbefef;
}

.login_button
{
    width:60px;
    padding:0px;
    margin-right:11px;
    height:20px;
    font-size: 11px;
}

.login_ForgotPassword
{
    font-size: 10px;
    font-weight:bold;
    color: #F47618;
	text-decoration: underline;
}

.login_ForgotPassword:hover
{
    text-decoration: none;
    color: darkorange;
}

.login_Register {
	color: #F47618;
	text-decoration: underline;
}

.login_Register:hover
{
    color: darkorange;
}

.loginNameAndStatus
{
}

.loginNameAndStatusLocation
{
    margin: 0 5px 0 0px;
}
/*------------------------------------
    Button Style
--------------------------------------*/
.button40
{
    width:40px;
    padding:0px;
    font-size: 11px;
}

.button60
{
    width:60px;
    padding:0px;
    height:23px;
    font-size: 11px;
}
.button80
{
    width:80px;
    padding:0px;
    height:23px;
    font-size: 11px;
}

.button100
{
    width:100px;
    padding:0px;
    height:23px;
    font-size: 11px;
}

.button200
{
    width:200px;
    padding:0px;
    height:23px;
    font-size: 11px;
}
.btnCreateUser
{
    width:100px;
    margin-right:135px;
    height:23px;
    font-size: 11px;
}
.btnForgotPwd
{
    width:60px;
    height:20px;
    font-size: 11px;
    margin-right:65px;
}
.btnForgotPwdSubmit
{
    width:60px;
    height:20px;
    font-size: 11px;
    margin-right:73px;
}

/*---------------------------------
    Text Box Style
----------------------------------*/
.textbox50
{
    width:50px;
    font-size:12px;
}
.textbox100
{
    width:100px;
    font-size:12px;
}

.textbox250
{
    width:250px;
    font-size:12px;
}
.textbox150
{
    width:150px;
    font-size:12px;
}
.textbox180
{
    width:180px;
    font-size:12px;
}
.textbox515
{
    width:515px;
    font-size:12px;
}
.textbox520
{
    width:520px;
    font-size:12px;
}

.textBoxMultiLines50
{
    width:450px;
    height:100px;
    font-size:12px;
    font-family:Arial;
}
.textBoxMultiLines50x250
{
    width:250px;
    height:100px;
    font-size:12px;
    font-family:Arial;
}
.textBoxMultiLines100
{
    width:520px;
    height:100px;
    font-size:12px;
    font-family:Arial;
}

.textBoxMultiLines150
{
    width:520px;
    height:150px;
    font-size:12px;
    font-family:Arial;
}

.textBoxMultiLines800
{
    width:520px;
    height:400px;
    font-size:12px;
    font-family:Arial;
}

.txtSearchInput /* it is collated with: watermarked*/
{
    width: 150px;
    height: 18px;
    margin-left:7px;
    margin-top:10px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    font-size: 12px;
}

/*--------------------------------------
 File Upload

----------------------------------------*/
.fileUpload250
{
    width:250px;
    font-size:12px;
}

.fileUpload350
{
    width:350px;
    font-size:12px;
}


/*-------------------------------------
 SPAN style
--------------------------------------*/
.SpanStyle10px
{
    font-size: 11px;
    color:red;
}
.SpanStyle10pxGreen
{
    font-size: 11px;
    font-weight: bold;
    color: seagreen;
}
.SpanStyle12pxGreen
{
    font-size: 12px;
    font-weight: bold;
    color: seagreen;
}
.SpanStyle11px
{
     font-size: 11px;
}
.SapnSideMenuTitle
{
    color: #ff6600;
    font-family:Arial;
    font-size:14px;
    line-height:22px;
    margin-left:3px;
}

/*-------------------------------------
 End SPAN
--------------------------------------*/

/*-------------------------------------
DropDown list 
--------------------------------------*/
.ddlStyle60
{
    width: 60px;
    height: 20px;
    font-size:11px;
}
.ddlStyle100
{
    width: 100px;
    height: 20px;
    font-size:11px;
}

.ddlStyle155
{
    width: 155px;
    height: 20px;
    font-size:11px;
}
.ddlStyle184
{
    width: 184px;
    height: 20px;
    font-size:11px;
}

.ddlStyle255
{
    width: 255px;
    height: 20px;
    font-size:11px;
}

/*=====================================================
	TREE VIEW CONTROL START
=====================================================*/
.TreeView  
{
    margin-left:5px;
    line-height: 20px;
    color: #006699;
}

.TreeView div
{
    margin-left:5px;
}

.TreeView table
{
    /*border-top:1px dotted #B2B2B2 !important;*/
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding:2px 0;
}

.LeafNodesStyle 
{
     margin-top:5px;
}

.RootNodeStyle
{
    /* background-color: gainsboro;*/
    margin-left:3px;
}

/* ALL ELEMENTS */
.NodeStyle 
{
  
}

.ParentNodeStyle 
{
    /*background:yellow;*/
}
 
a.SelectedNodeStyle 
{
    background:#E5E5E5;
    display:block;
    padding:2px 0 2px 3px;
}
/*=====================================================
	TREE VIEW CONTROL END
=====================================================*/
/*---------------------------------------
 Grid view
-----------------------------------------*/
.grid 
{
 font: 11px Arial, Sans-Serif;   
 margin-right:5px;
 
}
.grid td, .grid th
{
    padding:2px;
}
.grid_header
{
    text-align: left;
    color: Black;
    background-color: gainsboro;
}
.grid_row td
{
    /*border-bottom:solid 0px silver;*/
    
}
.grid_alternating
{
	background-color: #F0F0F0; /*#d5e3ef;*/
}

.grid_alternating td
{
    border-bottom:solid 1px silver;
}
.grid_pager
{
    background-color:#C6C3C6;
    color: Black ;
    height:15px;
}

.grid a
{
    text-decoration:underline;   
    color:#006699
}

.CodeTitleGrid td
{
    border-bottom:solid 1px whitesmoke;
    border-right: solid 1px whitesmoke;
}

.CodeTitleGrid a
{
    text-decoration: none;
    color: #003399;
    
}

.CodeTitleGrid a:hover
{
    text-decoration: underline;
}
/*---------------------------------------
 END Grid view
-----------------------------------------*/

/*---------------------------------------
 Detail List 
-----------------------------------------*/
.datalistBookIndex .datalistImgsByBookCodeId
{
 font: 9px Arial, Sans-Serif;   
 margin-right:5px;
}

.datalistBookTopics
{
 font: 11px Arial, Sans-Serif;   
 font-style:italic ;
 margin-right:10px;
 text-align:right;
}

.datalistBookTopics a
{
    text-decoration: none;
    color: #003399;
}

.datalistBookTopics a:hover
{
    text-decoration: underline;
}
.datalistNewCode
{
    position:static;
    vertical-align:middle;
    text-align:justify;
    margin-left:5px;
    line-height:20px;
}

/*---------------------------------------
 END Detail List
-----------------------------------------*/

/*---------------------------------------
 Start Tabs Control
-----------------------------------------*/


/*---------------------------------------
 END Tabs Control
-----------------------------------------*/

/*---------------------------------------
    image
-----------------------------------------*/
.imgUser .imgInCode
{
	padding: 1px;
	border: 1px solid red !important;
}
.imgCaptcha
{
    border: 1px solid Gray !important;
    height:60px;
}
/*---------------------------------------
    end image
-----------------------------------------*/


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

 Admin CSS
----------------------------------------*/
/*--- side menu ----*/
.Componnet_AdminSideMenu
{
    padding:0px 1px 0 1px;
    width: 206px;
}

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

   Panel and it's Div
------------------------------------------*/
.panelMsgToNewRegister
{
    width:550px;
    padding:0 5px 0 10px;
    font-size:11px;
}
.panelUserInfoSmall
{
    text-align:center;
    width: 98px;
    height: auto;
    font-size:9px;
    /*background-color: #F4F4F4;*/
}
.panelUserInfoLarge
{
    text-align:left;
    width: 570px;
    height: auto;
    font-size:9px;
    background-color: #F4F4F4;
}

.panelAuthorAvatar
{
    text-align: left;
    width: 570px;
    height: auto;
    font-size: 9px;
    background-color: papayawhip;
}

.panelNewCodeBook
{
    text-align: left;
    width: 560px;
    height: auto;
    font-size: 9px;
    /*background-color: whitesmoke;*/
}
.panelNewCodeLang
{
    text-align: left;
    width: 560px;
    height: auto;
    font-size: 9px;
    /*background-color: whitesmoke;*/
}
.panelNewCodeVideo
{
    text-align: left;
    width: 560px;
    height: auto;
    font-size: 9px;
    /*background-color: whitesmoke;*/
}
.panelBookAvatar
{
    text-align: left;
    width: 556px;
    height: auto;
    font-size: 9px;
    background-color: palegoldenrod;
}

.BookIndexChapterTitle
{
    background-color: palegoldenrod;
    width:570px;
}
.panelViewTopic
{
    background-color: #dcdcdc;
    margin-left:10px;
}

 fieldset
{
   border: #dcdcdc 0px solid;
   
}

legend
{
    margin-left: 5px;
    color: #ff6600;
    font-size:12px;
}
.divBookAvatarImage
{
  text-align:center;
  margin-left:3px;   
}
/*-------------------------------
 
  Below are for Message box
  source: 
  http://www.jankoatwarpspeed.com/post/2008/05/28/Create-MessageBox-user-control-using-ASPNET-and-CSS.aspx

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

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
background-repeat: no-repeat;
background-position: 10px center;
height: 40px;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image:url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
.msgBoxContainer
{
    
}
.info p, .success p, .warning p, .error p {
padding: 0px 50px;
}
.info a, .success a, .warning a, .error a {
float: right;
padding: 10px;
cursor:pointer;
}
.msgBoxContainer img {
border: none;
}

/*-------------------------------
 
  End Message box

--------------------------------*/
.watermarked
{
    width: 150px;
    height: 18px;
    margin-left:7px;
    margin-top:10px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    font-size: 12px;
    font-style: italic;
}



.pj_benefits li {
	margin: 5px 0px; 
	color: rgb(11, 55, 64); 
	list-style-image: url("../images/small_check.png");
}

/*Adds images*/
.ad {
    display: inline-block;
    text-align: center;
}
.ad-img {
    display: block;
}
.ad-img.ad-160-600 {
    max-width: 160px;
    max-height: 600px;
}

.ad-img.ad-180-150 {
    max-width: 180px;
    max-height: 150px;
}

.ad-img.ad-200-200 {
    max-width: 200px;
    max-height: 200px;
}

.ad-img.ad-468-60 {
    max-width: 468px;
    max-height: 60px;
}

.ad-img.ad-728-90 {
    max-width: 728px;
    max-height: 90px;
}