/*
Application:		Ludens
Application URL:	Unknown (Internet Application)
Version:			Ludens 1.0
Author:				Sougata Majumder, TATA Consultancy Services, www.tcs.com
Website:			www.ludens.com
Copyright:			2008-2009 JNJ.

Stylesheet Contents (Use Ctrl+F to find the numbered section)

I.		Default Value			- Reset default browser values.
II.		Master					- General structural layout.
III.	Header/Footer			- Used to style the Header and Footer structure.
IV.		Layout					- General layout elements for positioning.
V.		Navigation				- General site navigation section.
VI.		Typography				- Texts & contents font syles.


/** ------------------- I. Default Value  ------------------------ **/

body, html, dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:disc;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

ul.links li {
display:inline;
list-style-type:none;
padding:0px 0px;

}
 ul p{padding-left:15px!Important;}

table,tr,tbody,th{border: 0px none ;}
/** ------------------- Default Value ends  ------------------------ **/


/** ------------------- II. Master  ------------------------ **/

body,html {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.87em;
	/*background: #5D5D5D;
	padding: 5px;*/
	margin: 0;
	text-align:center;
}

hr{color:#999999; width:60%;}
h1{font-size:2em; color:#333;}

#window{background: #5d5d5d;
	padding: 10px 0px; height:100%; width:100%; float:left;}

#pageWrapper{ margin:auto; width:980px;}
#mainWrapper{float:left; text-align:left; width:938px; background:url(images/bkg-page-bg.gif) repeat-y left;
			 padding:0em 2em 0em 1.6em;}
#wrapper{float:left; text-align:left; width:100%; background:#fff url(images/bkg-bg02.gif) no-repeat right; border:1px solid #CD9B9B; border-bottom:0px;} /* fe000a */


/** ------------------- Master ends  ------------------------ **/

/** ------------------- III. Header/Footer  ------------------------ **/
#headerWrapper{float:left; width:100%; background:url(images/bkg_headerBG3.gif) no-repeat right Top;}
#header{float:left; padding:0px 30px 3px; }
#logo{ float:left; width:auto;display:inline;}
#headerRight{float:right; color:#2c7279; font-size:0.87em; width:650px;}
#headerRight a:link, #headerRight a:active, #headerRight a:visited{color:#2c7279; text-decoration:none;}
#headerRight a:hover{color:#2c7279; text-decoration:underline;}

#footerWrapper{float:left; width:100%; background:#474747; padding:15px 0px; border:1px solid #CD9B9B; border-top:0px;}

/** ------------------- Header/Footer ends ------------------------ **/

/** ------------------- IV. Layout  ------------------------ **/
.topLnk{float:right; width:100%; text-align:right; margin-bottom:15px;}

#searchWrapper{float:right; text-align:right; border:0px solid #f00; padding-right:10px; width:30%; vertical-align:bottom; height:21px; padding-top:5px;}
#searchWrapper .txtBox{ background:transparent; border:1px solid #efefef; padding:2px; height:13px; width:109px;  font-size:0.87em; color:#fff;}
#searchWrapper .btn{ background:url(images/ico-go-btn.gif) no-repeat center; height:21px; width:23px; border:0em; color:#fff; font-weight:bold; margin-left:0.30em; *margin-left:0.3em; cursor:pointer;}

#pagetool{ text-align:right; float:right; padding:0.3em 2em; font-size:11px;}

#contentArea{float:left; width:100%; padding:1em 0em 3.5em; background:url(images/content_Bg.gif) no-repeat left Bottom;}
#leftPanel{float:left; width:33%; padding:0.3em; border:0px solid #f00;}
#leftPanel ul{ width:80%;}
#leftPanel ul li{ list-style:none; list-style-type:none; list-style-image:none; width:100%; padding:1em 0em; border-bottom:1px dashed #CD9B9B;}
#leftPanel ul li ul{padding:0.2em 0em;}
#leftPanel ul li ul li{ list-style:none; list-style-type:none; list-style-image:none; width:100%; padding:0.2em 0em; border-bottom:0px dashed #ff9518;}


#content{float:right; width:61%; border:0px solid #f00;}

div#content .productArea{float:right; width:100%; border-bottom:1px dashed #ccc;}
div#content .productArea .imgSpace{float:left; width:auto; border:0px solid #f00;margin-top:28px;}
div#content .productArea .contentSpace{float:left; width:48%; border:0px solid #f00; padding:2em 0 0 1.5em;}

.inlineLinks{float:right; width:100%; padding:1.5em 0em;}

/** ------------------- V. Navigation  ------------------------ **/





#navWrapper{float:left; margin-left:10px; width:auto; }
#navWrapper ul{width:auto; color:#ccc; font-weight:bold; font-size:.90em;}
#navWrapper ul li{display:inline; text-transform:capitalize; float:left; margin:3px;} 
#navWrapper ul li a:link{padding:2em 3.6em 0em 0.6em;}

#leftPanel a{color:#333!Important; text-align:left; text-decoration:none;}
#leftPanel a:hover{color:#000; text-align:left; text-decoration:underline;}

#content a{color:#333; text-align:left; text-decoration:none;}
#content a:hover{color:#000; text-align:left; text-decoration:underline;}

#content fieldset{padding:10px 5px; border:solid 1px #efefef; margin:5px;}
#content fieldset a{color:#333!Important; text-align:left; text-decoration:none;}
#content fieldset a:hover{color:#000; text-align:left; text-decoration:underline;}

#content legend a{color:#CD9B9B!Important; outline:0px;}


#footerWrapper p a{color:#FFFFFF!Important; text-align:left; text-decoration:underline;}
#footerWrapper p a:hover{color:#FFFFFF; text-align:left; text-decoration:none;}

.inlineLinks a{color:#333; text-decoration:none;}
.headBg{float:left; background:#ccc;}

/** ------------------- VI. Typography  ------------------------ **/

#content p{color:#333; font-size:11px; padding:0em 1.89em; text-align:justify;}
#content ul{color:#333; font-size:11px; padding:0em 1.89em; text-align:justify;}
#content ul li{padding-top:10px;}

#content fieldset label{color:#5d5d5d;}

#footerWrapper p{color:#efefef; font-size:10px; padding:0em 1.89em;}

div#content .productArea p{color:#333; font-size:11px; padding:1.89em 0em; text-align:justify;}

div#content h1{font-size:1.5em; color:#333;}
div#content h2{font-size:1.2em; color:#666; font-weight:bold;}
div#content h3{font-size:1.0em; color:#333333; font-weight:bold;}
div#content h4{font-size:1.2em; color:#CD9B9B; font-weight:bold; margin:1.5em 0em;}
div#content h5{font-size:1.2em; color:#666; font-weight:bold;display:none;}
div#content .homeC h6{font-size:1.4em; color:#66300; font-weight:bold;padding-left:8em;}
.homeT{font-size:1.4em;color:#660000; font-weight:bold;padding-left:10em;}


div#content table{width:80%; margin:10px;}
div#content table td{border:1px solid #ccc; padding:2px; width:50%;}

div#contentBlock{float:left; width:95%; border:1px solid #f2f2f2; background:#F5F5F5; margin:.5em 0em; padding:10px;}
div#contentBlock2{float:left; width:95%; border:1px solid #f5f5f5; background:#fff; margin:.5em 0em; padding:10px;}
div#contentBlock3{float:left; width:95%; border:1px solid #FF6600; background:#fff; margin:.5em 0em; padding:10px;}
.HeaderH h1{font-size:1.5em; color:#333;padding-left:20px!Important;}

/*---------------Primary Navigation-----------------------------*/
#content .homeC{color:#660000;font-size:0.97em;font-weight:normal;padding-left:10em;padding-bottom:0.5em;}

#nav{float:left; background:#ed242b; background:url(images/navBg.gif) repeat-x top Left;width:100%;}

#nav a {
color:#000000;
display:block;
float:left;
padding:6px 15px 6px;
text-align:center;
border-right:1px solid #999999;
color:#fff;
height:23px;
text-decoration:none;
}


#navlist{ width:auto; }

#navlist a{ color:#000000;
display:block;
float:left;
padding:6px 15px 6px;
text-align:center;
border-right:1px solid #999999;
color:#fff;
height:23px;
text-decoration:none;}

#navlist a:hover, #navlist a.active {
padding:06px 15px 6px;
background-color:#CD9B9B;
color:#fff;
}

/*  Navigation  */

.Secondary
{
padding-left:15.5px;
*padding-left:18px;
float:left;
color:#fff;
font-size:10px;
}

.Secondary  a{color:#fff;}
.Secondary  a:link, .Secondary  a:active, .Secondary  a:visited{text-align:left;}
.Secondary  a:hover{text-align:left; text-decoration:none;}
.Secondary  ul li {display:inline;padding:0px 2px 0px 6px;*padding:0px 2px 0px 3px; text-align:left;list-type:none;}

.Secondary ul span{ padding-left:4px;*padding-left:5px;}

/*---------------------Footer Message Section------------------*/
#footerMsg{
text-align:left;
font-size:10px;
color:#FFFFFF;
float:left;
width:100%;
font-family:Arial, Helvetica, sans-serif;

}

#footerMsg p{padding-top:9px;}



/*--------------Search------------------*/
.container-inline div, .container-inline label {
display:inline;
padding:0px 4px ;

}


#searchbox{
padding:0px 0px 5px 2px;vertical-align:top;}

/*------------Active Links-------------*/

.content ul.menu li a.active{background:transparent;color:#8B814C;font-weight:bold;}
#tabs-wrapper li a.active{background:transparent;font-weight:bold;}


#leftPanel h2{display:none;}

/*----------Administrator Section------------------*/


.admin-list a{font-weight:bold;color:#660000!Important;padding-left:15px;}

.admin-list dt{background:url(images/menu-collapsed.gif) no-repeat;}
.admin-list{border:1px solid #F5F5F5;padding:15px 12px 15px 12px;}
div#content .admin-panel h3{color:#660000!Important;border:0px solid #F5F5F5;text-align:left;padding-left:20px;font-size:13px;}
.admin-list dd{padding:3px 3px;}

#block-user-1 ul.menu li a{color:#660000!Important;padding:5px 0px 5px 0px;}
.node-type-list a{color:#660000!Important;font-weight:bold;}

#List ul li a {color:#0081bb;}
#List a{color:#0081bb;}
#Listing ol li,#Listing p{list-style-type:decimal;list-type:decimal;padding-left:4px;font-size:11px;}
#Listing{margin-left:55px;}
#node-admin-filter fieldset{width:70%;padding-right:5px;list-style-type:none!important;list-type:none;}
#node-admin-filter  ul{list-style-type:none!important;list-type:none;}

div.error,tr.error{background-color:#ffe4e1; border:1px solid #CD9b9B;color: #CD9b9B;}
#content .help p{padding:2px;color:#660000;font-weight:bold;font-size:12px;}

#content .compact-link a{color:#660000;text-decoration:underline;}
/*------------Popup-------------------*/
.PopUp{margin:80px 10px;text-align:left;}

.Row{width:70%;float:left;padding:15px;margin-left:20px;*width:75%;}

.ContBtn{width:50px;padding:5px 30px;background-color:#708090;color:#fff;float:right;border:1px solid #000;text-align:center;margin:4px 4px;}

.CantBtn{width:50px;padding:5px 30px;background-color:#708090;color:#fff;border:1px solid #000;text-align:center;margin:4px;float:right;}

.ContBtn a{color:#fff;text-decoration:none;}
.CantBtn a{color:#fff;text-decoration:none;}

.PopUp h4{margin:5px;color:#778899,font-weight:bold;font-size:18px;text-align:center;}


/*---------Page Not Found:404 Error---------------*/

#pageNtFound{float:left; width:80%; border:1px solid #f2f2f2; background:#F5F5F5; margin:.5em 0em; padding:10px;}

#pageNtFound h1{text-align:center;color:#4D6B50;}