/* CSS Document */

/*body { background: #C1E2F5 url('../images/microsoft.png') repeat-x 0 0px;}*/

body {
	margin : 0; 
	padding : 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3a3a3a;
	line-height:20px;
	text-align:justify;
	
}

.tableblackborder {
	border:1px solid #EEEEEE;
}

.tableblackborderdark {
	border:1px solid #DCDADA;
}
textarea  {
	border:1px #CCCCCC solid;
}
input.submit, input[type="submit"], input[type="button"] {
  background: url("../images/btnbg.gif") repeat-x scroll 0 0 #DDDDDD;
  color:#333333;
  font: 11px/14px "Lucida Grande",sans-serif;
  background-color:#E6E6E6;
  border:1px solid #CCCCCC;  
  font-size:15px;  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  line-height:20px !important;
  padding:5px 15px 6px;
  cursor:pointer;
}

input[type="submit"]:hover, input[type="submit"]:focus,input[type="button"]:hover, input[type="button"]:focus {
  border-color:#888888;        
}

.input {
	border:1px #CCCCCC solid;
}
img{border:none;}
a{outline:none;}

input.box:focus {
	border:2px solid #006600;
}

.whiteMain {
	padding-left:10px;
	font-size: 20px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

h1 {
	font-size: 24px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:25px;
}

.siteHeading {
	font-size: 24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2F2F2F;
	height:40px;
}

.siteHeadingBold {
	font-size: 28px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2F2F2F;
}

.siteHeadingWhite {
	font-size: 24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	height:40px;
}

.siteHeadingText {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.siteHeadingTextBlack {
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

.siteHeadingBoldWhite {
	font-size: 28px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}


.siteHeadingMain
{
	font-size: 22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#063D5F;
	height:40px;
	padding-top:25px;
	padding-left:55px;
	font-weight:bold;
}

.smallheading {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}


.siteHeading2 {
	font-size: 22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#082BB6;
	height:40px;
	padding-top:10px;
	padding-left:5px;
	font-weight:bold;
}

.siteHeading3 {
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#082BB6;
	height:40px;
	padding-top:10px;
	padding-left:5px;
	font-weight:bold;
}

.siteHeading4 {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#082BB6;
	height:40px;
	padding-top:10px;
	padding-left:5px;
	font-weight:bold;
}

.mainpageheading{
	font-size: 1.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	height:40px;
	padding-top:10px;
	padding-left:5px;
	font-weight:bold;
}

.arvind {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.5em;
}

.tablecaption  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

.note {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#74AD2B;
}

a{
 color:#000000;
}

a:active{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}

a:link{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}
a:visited{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}
a:hover{
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}
a.white:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:15px;
}

a.white:active{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	padding-top:15px;
}

a.white:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	padding-top:15px;
}

a.white:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;		
	padding-top:15px;
}

a.whiteLink:link{
	color:#000000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}

a.whiteLink:active{
	color:#000000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}

a.whiteLink:visited{
	color:#000000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}

a.whiteLink:hover{
	color:#000000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}
body {
	/*background-color: #E9E9E9; */
}

.text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.fullgrey {
	background:#EEEEEE;
	border:1px solid #CCCCCC;
}
.succsstext{
	color:#009900
}

.failtext {
	color:#FF0000
}

.compulsory {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;	
	color:#FF0000;
}

.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
background:white;
z-index:100
}
 
.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

.errorHeading {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border-color:#FF0000;
	color:#f00;
	text-align:left;
	padding-left:0px;
}

.errorHeadingCenter {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border-color:#FF0000;
	color:#f00;
	text-align:center;
	padding-left:0px;
}

/*.errorHeading {
    background: transparent url(../images/msg_arrow.gif) no-repeat scroll left center;
    background-color:#F3E6E6;
    border-color: #924949;
    border-style: solid solid solid solid;
    border-width: 2px;  
	padding-left:7px;
}*/

.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding-left:3px;	
	color:#6F0D24;
}

.titleblack {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:3px;
	font-weight:bold;
	color:#000000;
}

.info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#007633;
}

#d1 { background-color: #ffffff; width: 200px; height: 200px; }

.fullborder {
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}


.blacktxt {
color:#000000;
}


.MenuDivCss{
background-color:#333333;
color:#FFFFFF;	
width:200px;
height:195px;
border-color:#000000;
border-width:thin;
border-style:solid;
overflow:auto;
display:none;
z-index:10;
}

.MenuDivDisplay{
background:url(../images/menuback.gif) repeat-x left top;
color:#000000;	
width:200px;
border-color:#4D8ED0;
border-width:thin;
border-style:ridge;
overflow:auto;
position:absolute;
}

ul.circlebullets {
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left:5;
	padding-top:9px;
	padding-left:5;
	padding-right:0;
	padding-bottom:0;
	width:150px;
}

ul.circlebullets li {
	float:left;
	vertical-align:top;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-top: 0px;
	padding-left:5px;
	padding-right: 0;
	padding-bottom: 12px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/bullets_circle.jpg);
	background-repeat: no-repeat;
	background-position: 1px 4px;
	width:150px;
}

.MenuDivCss_Close{
background-color:#D89D00;
color:#FFFFFF;	
}



#f1_upload_process{
z-index:10;
position:absolute;
visibility:hidden;
text-align:center;
width:200px;
height:30px;
margin:0px;
padding:0px;
background-color:#fff;
}

.trSimple {
	background-color:#FFFFFF;
}

.trSimpleHover{
	background-color:#EFEFEF;
    cursor:pointer;
	cursor:hand;
}

.faq_bold {
	font-size: 11px;
	font-family:Tahoma;
	font-weight:bold;
	color:#666666;
}

.unActive {
	border: 0px solid;
}
.HeaderBG{	
	width:320px;
	height:31px;
	background-color:#553F32;
}
.MiddleBG{
	background:url(../images/MiddleBG.jpg) repeat-y;
	width:320px;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;	
}
.FooterBG{
	background:url(../images/Footer.jpg) no-repeat;
	width:320px;
	height:51px;
}
.whitetxt{
	font:Arial;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.whitetxtsmall
{
	 color: white;
     font-family: Tahoma;
     font-size: 8pt;
     font-weight: bold;
}

a.topwhite:link{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	padding-top:15px;
}
a.topwhite:visited{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding-top:15px;
}
a.topwhite:hover{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	padding-top:15px;
}

/*.leftScreen {
        background-image: url(../images/leftbg.gif);
        background-repeat: repeat-y;
        background-position: top;
        width: 16px;
        height: 100%;
}

.rightScreen {
        background-image: url(/images/rightbg.gif);
        background-repeat: repeat-y;
        width: 16px;
        height: 100%;
}
*/

.t {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
}

.t3 {
	font-family: Verdana;
	font-size: 14px;
	color: #000000;
}

.backimage {
	background-color:#C6D7F2;
}

input.box:focus, input.largeBox:focus {
  border-color: #3F1414;
}

input.largeBox {
  font-size:1em;
  padding:4px;
}

#header_container {
    margin: 0 auto;
    background: url(../images/np_menu_bg.png) repeat-x;
    background-position: top;
} 


table.example
{
color:#000000;
background-color:#FFFFFF;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
border:1px solid #d4d4d4;
background-image:url('../images/tableback2.gif');
background-repeat:repeat-x;
}

.divblock1 {
	width:679px;
	display:none;
	background-color:#FEFFBC;
	border:1px groove;
	position:absolute;
}

.divblock{
	display:none;
	background-color:#FEFFBC;
	width:735px;
	position:absolute;
	border:1px dotted #000000;
	float:left;
	line-height:20px;
	text-align:center;
	padding:4px 17px 4px 7px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.divblockforgetpass {
	width:500px;
	display:none;
	position:absolute;
}
.divblockgrpImage {
	width:255px;
	display:none;	
}

.divblockgrpcreate {
	width:500px;
	display:none;
	position:absolute;
	border:1px dotted #000000;
}


/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(../images/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
 
    /* a little styling */     
    font-size:11px; 
} 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(../images/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.tableroundgrey{
	border:1px solid #B2C1D9;
	background-color:#ECEEF5;
}

.tableround{
	border:1px solid #DFDFDF;
	background-color:#EFEFEF;
}

.main-border {
	background-color:#0C2042;
	display:block;
	height:150px;
}

/*.whiteMain {
	font-size:3.5em;
	font-family:Arial, Helvetica, sans-serif;
	color:#19368A;
}*/

.whiteMainDown {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#19368A;
}

.companypersonalpage {
	margin-top:100px;
}

.main-border_help {
	background-color:#C6D7F2;
	display:block;
	height:140px;
}

.main-border-in {
	display:block;
	height:100px;
}

.gc-si-content {
bottom:0;
background-color:#0C2042;
color:#FFFFFF;
font-size:11px;
height:25px;
padding:0;
position:fixed;
right:0;
width:100%;
z-index:99;
}

.toolbar {
background-color:#6694E3;
color:#FFFFFF;
padding: 5px 0px 5px 0px;
}

.menu {
	 border:1px solid #6694E3;
     text-decoration: none;
     background-color: #6694E3;
     padding-top: 15px;
	 padding-left:5px;
	 padding-right:5px;
	 padding-bottom:15px;
	 height:35px;
     color: white;
     font-family: Tahoma;
     font-size: 8pt;
     font-weight: bold;
}

.menu:hover {
     background-color: #0C2042;
	 border:1px solid #FFFFFF;
}

/* TR hover */
#messageBox{
    border-right: 1px solid #000000;
    position: absolute;
    width: 217px;
    height: 100px;
    z-index: 1;
    background-color: #C0C0C0;
    border-style: solid;
    border-width: 1px;
    display:none;
}
#closeButt{
     width: 100%;
     height: 10px;
     z-index: 1;
     cursor: pointer;
     left: 0px;
     top: 0px;
     background-color: #808080; 
}
#contents{
    width: 100%;
    height: auto;
    z-index: 2;
}

.tableBorder {
        margin: 2px 0px 5px 0px;
        border-collapse: collapse;
}

.tableBorder th  {
        border: 1px solid #ccc;
        padding: 2px 4px 2px 4px;
        background: #f0f0f0;
        text-align: center;
}

.tableBorder td  {
        border: 1px solid #ccc;
        padding: 3px 4px 3px 4px;
}

.plain {
	border:0px;
}
.noplain {
	border:2px #009933 solid;
}

#projectdetailsection {
	display:none;
    position: absolute; top: 185px; left: 860px; 
	width: 370px; height: 200px; 
}

#companyImage {
    position: absolute; top: 18px; left: 285px; 
	width: 230px; height: 80px; 
	
}

#topleftmenu {
    position: absolute; top: 28px; left: 970px;
	text-align:right;
	width: 330px; height: 20px; 
}

#topleftmenudown{
    position: absolute; top: 65px; left: 850px;
	text-align:right;
	font-weight:bold;
	width: 450px; height: 20px; 
}

.greenText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#009900;
}

.joinforfree{
    top: 98px; left: 970px; 
}

.upgrade{
	color:#FF0000;
	font-weight:bold;
}

.strike {
	color:#FF0000;
	font-size:12px;
	text-decoration:line-through;
}

.projectname {
	background-color:#E5E5E5;
	font-size:18px;
	line-height:35px;
}

.tablegray{
	border:1px solid #AFAFAF;
	background-color:#6694E3;
}

.assignto {
	display:inline;
/*	width:50px;
	height:20px;
	font-weight:bold;*/
	font-size:10px;
	color:#333333;
}


/* Only For Calendar */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

/* css for calendar ends here */

.onlyHand {
	cursor:pointer;
	cursor:hand;
}

.yellowbox {
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	border:1px solid #FFCC00;
	background-color:#FFFFCC;
}

.tabledownborder {
border-bottom:1px #CCCCCC solid;
}

.comment {
font-size:12px;
background:#7D2525;
color:#FFFFFF;
padding:2px;
}

.tasks {
font-size:12px;
background:#033403;
color:#FFFFFF;
padding:2px;
}

.menuright {
	color:#FFFFFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}

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

.threesideborder {
	border-style:solid solid solid none;
	border-width:1px 1px 1px medium;
	border-color:#E1E1E1 #E1E1E1 #E1E1E1 -moz-use-text-color;
	padding:5px 5px 5px 5px;
}

.onlyright {
	border:1px solid #000000;
	background:url(images/comment_bg.gif);
}



.ganntcharttable  {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 3px 3px 1px;
}

/* For buttons */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


/* Nice buttons */

a.bluebutton{
	background: #F6F6F6;
	display:inline;
	color:#555555;
	height:100px;
	line-height:29px;
	margin-bottom:124px;
	text-decoration:none;
	font-size:12px;
}
a:hover.bluebutton{
	color:#FFFFFF;
	background-color:#1462C1;
}
/* Nice buttons ends here */

.mediumtextgray {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CCCCCC;
}

.mediumtextblack{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

.dashedgrayborder {
	border-bottom:1px dashed #CCCCCC;
}

/* Messages */
.error, .notice, .success {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.error {background: #FBE3E4 no-repeat 15px 8px; text-indent:30px; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF no-repeat 15px 8px; text-indent:30px;  color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2 no-repeat 15px 8px; text-indent:30px; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:320px;

	/* custom decorations */
	border:1px solid #ccc;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	width:631px;
	height:250px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(../images/white.png);
	color:#efefef;
	height:auto;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:auto;
	overflow-y:auto;
}