/* specify media / hide from Mac/IE5 */
@media screen, projection, print
{
	/* stretch pagecontent box wide for background image and apply constraints
	   to navbar, topicauthors, and dubious-additional-container-div instead. */
	
	/* user notes */
	.usernotes
	{
		clear:both;
		float:right;
		width:45.5%;
		/*margin: 50px 0px 0px 0px;*/
		padding:0px 0px 10px 10px;;
	}

	.usernotes h2, .usernotes h3
	{
		margin:10;
		border:0px solid #768faa;
		color:#fff;
background:url(../images/usernotes-heading-background.png) repeat-x;
		font-size:2;
		padding:2px 1px;
		position:relative;
		z-index:1000;
		font-weight:normal;
		
	}
	#form2 textarea						{ background: url(../images/textarea.bg.jpg) repeat-x bottom; border: 1px solid #E3E1DB; }
	

	.usernotes h3
	{
		font-size:1em;
		
		
	}

	.usernotes .note, .usernotes .addnote
	{
		border: 0px solid #d3dce4;
		background: url(../images/usernotes-note-background.png) #eff2f6 repeat-x;
		position: relative;
		z-index: 500;
		margin: -1px 0 0 0;
		/*padding: 10px 5px 5px 2px;*/
	}
	.SuperTables
	{
	border: 1px solid #d3dce4;
		background: url(../images/usernotes-note-background.png) #eff2f6 repeat-x;
		position: relative;
		z-index: 500;
		margin: -1px 0 0 0;
		padding: 0px 0px 0px 0px;
			}

	.usernotes .addnote
	{
		background:#eff2f6;
		padding-bottom:5px;
	}

	.usernotes .note dl dt
	{
		position:absolute;
		left:-10000px;
	}

	.usernotes .note dl, .usernotes .note dd
	{
		margin:0;
		padding:0;
	}

	.usernotes .note dl .noteid, .usernotes .note dl .author, .usernotes .note dl .date, .usernotes .note dl .topic
	{
		display:inline;
		font-weight:bold;
	}

	.usernotes .note dl dd, .usernotes .note dl dd a
	{
		color:#204d79 !important;
	}

	.usernotes .note dl dd.date
	{
		font-size:0.8em;
		padding-left:15px;
		color:#666 !important;
		font-weight:normal;
	}

	.usernotes .note dl dd.status
	{
		color:#363 !important;
		font-size:0.8em;
		padding:0 0 0 7px;
		margin:7px 0 0 0;
		border-left:5px solid #7ac366;
	}

	.usernotes .note .notecontent
	{
		background:#fff;
		padding:10px 10px 0 10px;
		margin:12px 0 0 20px;
		border:1px solid #cfd9e3;
		position:relative;
	}

	#mainindex .usernotes .note
	{
		padding:5px 13px 5px 10px;		
	}
	
	#mainindex .note, #mainindex .note dd
	{
		font-size:11px;
	}
	
	#mainindex .notecontent
	{
		font-style:italic;
		margin-top:5px;
		padding:5px 8px 20px 8px;
	}
	
	#mainindex .usernotes .note dl dd.date
	{
		position:absolute;
		font-size:0.8em;
		text-align:right;
		bottom:10px;
		right:20px;
		z-index:1;
	}

	.usernotes .note .notecontent span
	{
		display:block;
		width:26px;
		height:36px;
		background:url(../images/usernotes-noteicon.png) transparent no-repeat;
		position:absolute;
		left:-26px;
		top:0;
	}
	
	.usernotes .note p, .usernotes .addnote p
	{
		margin:0 0 0 0;
	}

	#mainindex .usernotes .note p
	{
		margin:0;
	}



	#addnote
	{
		margin:0 0 0 0;
	}
/*---- Covergence Subscription Registration ----*/
#subcriptionform input 						{ background: url(../images/form.bg.jpg) repeat-x; border: 1px solid #E3E5DB; }
}



#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:1px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}