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

                  CSS Document 

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


body{

	background: url(images/bgd.jpg) repeat-x;
	background-color:#fff;
	margin:0 auto;
	padding:0;
	text-align:center;
	font: 85%  Lucida sans, Verdana, Arial, sans-serif;
	line-height: 140%;
	color:#666;
	margin-bottom:10px;
	min-width :720px;
	min-height:100%;
	
}


.owb{ display:inline; width:100%; margin:0 auto;}
.owb h3{margin:0; padding:0; display:inline;background:none; border:none;}
.owb h3 a{text-decoration:none;color:#ffffff; cursor:default; background:none; background:none;}


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

                     Boxes

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


#container{
margin: 0 auto;
	width:926px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	

}
#top{
float:right;height:30px;width:400px;


}
#gadgets{margin-top:-20px;float:right;width:355px;height:20px;}
#search{padding:5px;padding-top:10px;float:left;margin-top:-45px;width:219px;height:42px;background:url(/images/search_bgd.jpg) no-repeat;}
#butholder{width:125px;float:right}
#butholder img{cursor:pointer;margin-left:4px}
#ctl00_ctl00_TextBox1, #ctl00_TextBox1{margin-left:65px;width:100px;height:12px;float:left;}
#ctl00_ctl00_ImageButton1,#ctl00_ImageButton1{float:left;display:inline;}
#search input, x:-moz-any-link {height:15px;margin-top:-3px;}
#search input, x:-moz-any-link, x:default {height:15px;}
#search input{font-size:11px;height:14px}

#searchButton{float:left;}
#searchButton, x:-moz-any-link {/*styles for Firefox 2.0 here*/}
#searchButton, x:-moz-any-link, x:default {/*restore styles for Firefox 3.0 and newer*/}


#demoButton{float:left}
#demoButton, x:-moz-any-link {/*styles for Firefox 2.0 here*/}
#demoButton, x:-moz-any-link, x:default {/*restore styles for Firefox 3.0 and newer*/}


#fail{position:absolute;width:500px;margin-top:-20px;z-index:1000;_top:30;bottom}
/*------------------------------------------------

                  Text Elements

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



h1 {
		font-family: Lucida sans, Verdana, Arial, sans-serif;
    	font-size: 150%;
    	font-weight: bold;
		color:#666666;
    	margin-bottom:15px;
    	clear:both;
}

h2 {
		font-family: Lucida sans, Verdana, Arial, sans-serif;
    	font-size: 110%;
    	font-weight: bold;
		color:#0067C6;
    	margin-top:15px;
		margin-bottom:0px;
}

h3 {
    	font-family: Lucida sans, Verdana, Arial, sans-serif;
    	font-size: 115%;
    	font-weight: bold;
		color:#555;
    	margin-bottom:0;
}

h4, h5, h6 {
    	font-family: Lucida sans, Verdana, Arial, sans-serif;
    	font-size: 100%;
    	font-weight: bold;
		color:#666;
    	margin-bottom:0;
}

a:hover{
	text-decoration:underline;
}
a,a:link{
	text-decoration:none;
	color:#fff;

}

.a2:hover{
	text-decoration:underline;
}

.a2,a:link{
	text-decoration:none; 
	color:#fff;
	font-weight:normal;
}


img { 
	border: none; 
} 



.grad{
	background: url(/elearning/examples/images/bgd_grad.jpg) repeat-x center top;
	width:710px;
	_width:800px;

}



div p{
	padding-top:0px;
}

hr {
	color:#E6E6E6;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
}

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

                     Top

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

#top{
	width: 780px;
	border-bottom:none;
	text-align:left;
	padding-top:50px;
	padding-bottom:0px;
	
}


#headerLogo{
	width: 200px;
	height: 55px;
	text-align:left;
	float:left;
}


#headerRight{
	width: 580px;
	height: 55px;
	text-align:right;
	float:left;
}

.headline
{
    float:left;
    padding-left:50px;
    *padding-left:30px;
    *margin:0px;
}
    
.flash
{
    text-align:center;}

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

                     Middle

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

.middle{
    width:921px;
	_width:916px;
	background: url(images/bgd-box.gif);
	padding-left:5px;
	_padding-left:5px;
	padding-right:0px;
	_padding-right:5px;
	text-align:left;
	padding-top:25px;
	margin:0px;
	margin-bottom:-5px;
	
	overflow:auto 

}

.middleHome{
 width:921px;
	_width:940px;
	background: url(images/bgd-box-h.gif);
	background-repeat:repeat-y;
	padding-left:5px;
	_padding-left:5px;
	padding-right:0px;
	_padding-right:5px;
	text-align:left;
	padding-top:25px;
	margin:0px;
	margin-bottom:-5px;
	overflow:auto
}

#toph{	
	min-height:80px;  
	background:#FFFFFF;  	
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	width:919px;
	_width:914px;

}

#middleh{	
	min-height: 520px;    
}



#hometop {
	padding-top:0px;
	padding-right:0px;
	padding-left:20px;
	width:170px;
	height:80px;
	margin: 0px;
	font-size: 90%;
	border:1px;
	float:left;
}




#middle.home{
	background:none;
}



#fullwidth {
	width:769px;
	_width:780px;
	/*height:40px;*/
	color: #333;
	background-color:#fff;
	padding:5px;
	margin-bottom:25px;
}

#fullwidth a, #fullwidth a:link, fullwidth a:visited{
	padding:0px;
	_padding:1px;
	text-decoration:none;
	color:blue;
	font-weight:normal;
}

#fullwidth a:hover{
	padding:0px;
	_padding:1px;
	text-decoration:underline;
	color:blue;
	font-weight:normal;
}

.icon {
	width:250px;
	background-color:#ffccff;
}



a.proLink:link, .proLink:hover{
color: red; 
text-decoration: none; 
cursor:pointer; }



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

                     Portfolio

------------------------------------------------*/
#folioContent {	
	padding-top:10px 0px 20px 0px;
	width:625px;
	float:left;
	margin-left: 40px;
	_margin-left: 20px;
	font-size: 90%;
	min-height:250px;

}

#folioContent p.desc{	
	
	width:250px;
	float:left;
	font-size: 90%;
	min-height:250px;

}

#folioContent a,#folioContent a:link,#folioContent a:visited{
	text-decoration:none;
	color:#0067C6;
	font-weight:normal;
}	

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

.folioCol{
	width:184px;
	_width:167px;
	float:left;
	margin: 3px 7px 10px 7px;
	_margin: 3px 5px 10px 5px;
	min-height:170px;
	cursor:pointer;
}


.folioCol h1{
	color:#999999;
	font-size:120%;
	margin-bottom:20px}

.folioCol p{
	font-size:90%;
	margin:0px 0px 5px 5px;
	_margin:0px 0px 5px 0px;
	}

.folioCol li{
	font:Lucida sans, Verdana, Arial, sans-serif;
	list-style-type:square;
	color:#333;
	line-height: 85%;
	text-align:left;
	margin-left:10px;
}



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

                     Product Page

------------------------------------------------*/
.Pcol1{
	width:170px;
	_width:167px;
	float:left;
	margin: 3px 0px 10px 0px;
	padding:6px;
	_padding:4px;
	min-height:200px;
	background-color:#fff;
}


.Pcol1 h1{
	color:#999999;
	font-size:120%;
	margin-bottom:20px}

.Pcol1 p{
	font-size:90%;
	margin-top:12px;}

.Pcol1 li{
	font:Lucida sans, Verdana, Arial, sans-serif;
	list-style-type:square;
	color:#333;
	line-height: 85%;
	text-align:left;
	margin-left:10px;
}




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

                    Bottom

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


#footer{
	width:900px;
	_width:897px;
	text-align:left;
	padding-top:10px;
	color:#666;
	font-size: 75%;
	margin-left:5px;
}

#footer a, a:link, a:visited{
	padding:0px;
	_padding:1px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
}

#footer a:hover{
	text-decoration:underline;
	color:blue;
	font-weight:normal;
}

#footer img{
	vertical-align:middle;
	margin-left:20px;
	float:right;
}



	#leftColumn{float:right; width:250px;_width:270px; margin-top:20px; margin-right:2px;}
	#bulletin{float:left;background:url('/images/bulletinbk.jpg') no-repeat;font-size:80%;text-align:left; width:193px;height:130px;padding:35px 30px 10px 20px;}
	#leftColumn #main{float:left;width:150px}
	#submenuHolder{width:232px;float:right;height:300px;}

    #Admin{margin:20px;padding:10px;border:1px solid #ccc;width:300px}


.MainMenu{margin:50px 30px 0px 0px;float:right;font-weight:bold}
.MainMenu .AspNet-Menu{position:static;}
.MainMenu .AspNet-Menu ul{display:inline}
.MainMenu a:hover{color:#FE43B4;}
.MainMenu a.AspNet-Menu-Link{font-size:80%;margin-left:30px;height:40px}
.MainMenu a.AspNet-Menu-Link:hover{display:inline}



.SubMenu{float:left;}
.SubMenu ul{width:216px;}
.SubMenu ul ul{width:216px;}
.SubMenu ul li{padding:7px;}

.SubMenu a{margin-left:25px;font-size:80%;}

.SubMenu li.AspNet-Menu-WithChildren ul{display:block;position:relative;width:200px !important;margin-left:-7px;margin-top:11px;}
.SubMenu li.AspNet-Menu-WithChildren li{display:block;position:relative;width:202px !important ;margin-left:15px;}


.SubMenu li.AspNet-Menu-Leaf{background:url('/images/but-on.jpg') no-repeat ;height:23px !important;margin-top:-1px} 

.SubMenu li.AspNet-Menu-Selected{background:url('/images/but-on.jpg') no-repeat}
.SubMenu li.AspNet-Menu-Selected{background:url('/images/but-hover-on.jpg') no-repeat}
.SubMenu li.AspNet-Menu-ParentSelected{background:url('/images/subbut-on.jpg') no-repeat;margin-bottom:-10px;}
 
.SubMenu li.AspNet-Menu-ChildSelected{background:url('/images/but-off2.jpg') right top no-repeat; }



.SubMenu li.AspNet-Menu-Selected:hover{background:url('/images/but-hover-on.jpg') no-repeat}
.SubMenu li:hover{background:url('/images/but-hover.jpg') no-repeat;}
.SubMenu .AspNet-Menu-ParentSelected:hover{background:url('/images/subbut-on.jpg') no-repeat;margin-bottom:-10px;}

.SubMenu li.AspNet-Menu-WithChildren li.AspNet-Menu-Selected{background:url('/images/but-sub-on.jpg') no-repeat;margin-bottom:-9px;height:25px !important}
.SubMenu li.AspNet-Menu-WithChildren:hover li.AspNet-Menu-ChildSelected{background:url('/images/but-off2.jpg') right top no-repeat;}
.SubMenu li.AspNet-Menu-ChildSelected li.AspNet-Menu-Selected{margin-left:0px;width:217px !important;}
.SubMenu li.AspNet-Menu-WithChildren  .AspNet-Menu-ChildSelected{width:200px !important;}


/*
These styles of for cutom .net components
*/
.AspNet-GridView table td,.AspNet-GridView table th{padding:10px}
.portfolio{float:left;margin-left:5px;margin-bottom:14px}
.portfolio a, .portfolio a:link, .portfolio a:visited{margin-left:6px;}
#portfolio1{float:left;width:285px}
#portfolio2{float:right;margin-top:350px;width:265px}
object{margin-left:-27px}
embed{margin-left:-27px}
/* HIDE NEWS LINKBUTTON */
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_Panel1 a{display:none}

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

                  CSS/Flash  Messages

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

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.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 {
font-weight:bold;
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('validation.png');
}
/*------------------------------------------------

                  FORMS

------------------------------------------------*/
label{float:left;width:100px;padding:0 1em;text-align:right;}
input{border:1px solid #ccc;padding:2px 0.4em;background:#fff;color:#000;font-size:100%;}
input:focus,textarea:focus{background:#efefef;color:#000;}
.searchBut:focus{background:#fff;color:#000;}
.DemoForm{background:#FFFFFF url('/images/demoForm_bgd.jpg') repeat-x;margin:0;text-align:left;width:580px;padding:0px;min-width:0;}
.DemoForm form{padding:0px;margin:0px}
.DemoForm fieldset{border:0;}
.DemoForm .title{margin-top:20px;margin-bottom:30px;float:left}
.DemoForm .required{float:right;margin-right:30px;clear:left;margin-top:0px}
.DemoForm .submit{float:right;margin-right:30px;}
#DemoFormCol1 select,#DemoFormCol2 select{float:left;width:140px;margin-top:10px;height:19px;color:#666;font-family:Verdana;font-size:0.7em;border:1px solid #ccc;}
#DemoFormCol1 input,#DemoFormCol2 input{float:left;width:130px;margin-top:10px;height:11px;color:#666;font-family:Verdana;font-size:0.7em}
#DemoFormCol1{width:310px;float:left;padding:0px;}
#DemoFormCol2{width:260px;float:left;padding:0px;}

#DemoFormCol1 label{clear:both;width:105px;margin-top:10px;color:#006BCD;font-weight:bold}
#DemoFormCol2 label{clear:both;width:60px;margin-top:10px;color:#006BCD;font-weight:bold}
#DemoFormCol2{margin-top:9px;}

#DemoFormCol3{clear:both;width:510px;margin-left:20px;font-size:0.9em;padding:20px;}
#DemoFormCol3 legend{border:1px solid #ccc;margin-left:-5px}
#DemoFormCol3 input{border:0px;width:20px;margin-left:80px}
#DemoFormCol3 label{clear:left;}
#DemoFormCol3 fieldset{border:1px solid #ccc;padding:20px;}
#rbWhen span{}
#rbWhen label{clear:none;padding:0;width:300px;display:inline;text-align:left}
#rbWhen input{padding:0;float:left;display:inline;}
#rbWhen table{width:470px}
#rbWhen table tr{width:470px;}
#rbWhen_0{float:left;width:15px}
#rbWhen br{clear:both}
/*------------------------------------------------

                 ADMIN MENU

------------------------------------------------*/
#AdminMenu{width:100%;}
#AdminMenu .AspNet-Menu{position:static;}
#AdminMenu .AspNet-Menu ul{display:inline;}
#AdminMenu .AspNet-Menu li{border-right:1px solid #ddd}

#AdminMenu a:hover{color:#fff;background-color:#0b75b2;}
#AdminMenu a.AspNet-Menu-Link{padding:5px;background:#ccc;border-right:1px solid #aaa}
#AdminMenu li.AspNet-Menu-Selected{color:#ccc}


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

                 GRIDS

------------------------------------------------*/
table.Grid { width:100%;border-collapse: collapse; }

.Grid td
{

font-size:x-small;
padding:0;
margin:0;
}
#div table{border:2px;padding:0px;margin:0px}
.GridView{border:1px solid #A6BAFF}
.GridView_Header
{
background: #ddd url('/images/tables/blue/header_blue_background.jpg') repeat-x center top;
height:38px;
margin: 0;
padding: 15px;
border:0;
text-align:left;
}
.GridView_Row{height:38px;background: #ddd url('/images/tables/blue/row_blue_background.jpg') repeat-x center top;padding:15px}
.GridView_Alt{height:38px;background: #ddd url('/images/tables/blue/alt_blue_background.jpg') repeat-x center top;padding:15px}
.GridView_Selected{background: #ddd url('/images/tables/blue/selected_blue_background.jpg') repeat-x center top;}

.GridView_Row:hover{background: #ddd url('/images/tables/blue/selected_blue_background.jpg') repeat-x center top;}
.GridView_Alt:hover{background: #ddd url('/images/tables/blue/selected_blue_background.jpg') repeat-x center top;}
background-color: #eee;
}

.GridAtlItem
{
background-color: #f1f1f1;
border-bottom:1px solid #000;
}

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

                 NEWS

------------------------------------------------*/
.newsItem{width:100%;margin-bottom:5px;min-height:100px;padding:5px;}
.newsItem:Hover{background:#F3FAFF}
.newsThumb{float:left;min-width:100px;}
.newsThumb img{vertical-align:top}
.newsDate{float:right;margin-top:0px;width:120px}
.newsContent h2{float:left;margin-top:0px;width:385px}
.newsText{clear:both}
.newsContent{width:505px;text-align:left;padding:5px;float:left}
.newsTop{width:535px;}
.newsArchive{float:right}
.newsHeadline{padding-bottom:4px}
#submenuHolder img{float:right;margin:12px}
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_Panel2 img{float:right;padding:10px}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_Panel2 h2{float:left;width:100%;margin-bottom:10px}
.newstitle{float:left}
.newsdate{float:right}
#newsEditorLeft{float:left;width:400px}
#newsEditorLeft fieldset label{float:left;width:100px;text-align:right}
#newsEditorLeft fieldset input{float:left;width:150px;text-align:left;}
#newsEditorLeft fieldset textarea{float:left;width:150px;text-align:left;}
#newsEditorLeft fieldset table{float:left;width:150px;text-align:left;}
#newsEditorRight{float:right}
#newsEditorRight fieldset label{float:left;width:75px;text-align:left}
#newsEditorRight fieldset input{float:left;width:150px;text-align:left;}
#newsEditorRight fieldset textarea{float:left;width:150px;text-align:left;}
#newsEditorRight fieldset table{float:left;width:50px;text-align:left;}

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

                 NEWS

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

.searchResult{padding:10px}
.searchResultAlt{background:#f5f5f5;padding:10px}


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

            MODAL POP-UP

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

 .modalBackground{background-color:#666666; filter:alpha(opacity=70);opacity:0.7; }