/**********************************************************************************************


	Title: Numark Pharmacists Print CSS

	Author: Guerilla Interactive
	
	Author url: http://www.guerillainteractive.com

	Date: 2009 
	

***********************************************************************************************/

/* Global

-----------------------------------------------------------------------------------------------

===============================================================================================*/

#search-wrap,#nav-wrap,#control-wrap,#super-nav,#outer-wrap,#nav,.tl, .tr, .bl, .br, .gtl, .gtr, .gbl, .gbr, .ftl, .fbl, .btl, .btr, .bbl, .bbr, .dtl, .dtr, .dbl, .dbr, .speach,a.iNumark, a.iPharmacy,.sidebar,#footer a#logo-footer{
display:			none !important;
}

*{
margin:				0;
padding:			0;
border:				0;
}

html{
background:			#fff;
}

body{
font: 				14px/140% Arial, Helvetica, sans-serif;
color:				#000;
font-weight:		normal;
width:				100%;
background:			none;
}

#wrapper{
width:				100%;
background:	 		none;
}

#header-wrap,#content-wrap,#footer-wrap{
margin:				0 auto;
width:				100%;
display:			block;
}

#header,#content,#systemlog,#footer,#nav-wrap,#iNumark,#iPharmacy{
margin:				0 auto;
width:		 		100%;
display:			block;
}

a, a:visited{
color:				#023958;
font-weight:		bold;			
text-decoration:	underline;
}

blockquote{
background:			none;
color:				#000;
padding:			10px;
border:				1px solid;
}

ul li{
list-style:			none;
}

/* Fonts Headers ***********************************************************************************************/

h1#logo{

}

h2,h3,h4,h5,h6{
color:				#000;
line-height:		120%;
letter-spacing:		-0.02em;
}

h2 small,h3 small,h4 small,h5 small,h6 small{
color:				#909b9c;
}

h3{
font-size:			22px;
}

h4{
font-size:			20px;
}

h5{
font-size:			18px;
}

h6{
font-size:			15px;
}



.content-form{
padding:			30px 50px;
}

.content-form fieldset{
border-top:			#cec8c4 1px solid;
padding:			30px 0;
}

.content-form legend{
font-size:			16px;
font-weight:		bold;
display:			block;
background:			#fff;
padding:			0 6px 0 0;
color:				#00929f;
}

.content-form input, .content-form textarea, .content-form select{
padding:			6px;
border:				#cec8c4 1px solid;
margin:				2px 0;
font-size:			14px;
width:				240px;
}

.content-form textarea{
height:				60px;
}

.content-form label{
display:			block;
width:				140px;
text-align:			right;
float:				left;
padding:			8px 4px 0 0;
}

.content-form input.form-butt{
display:			block;
float:				right;
max-width:			140px;
width:				auto;
height:				32px;
text-transform:		uppercase;
color:				#033d5e;
font-size:			14px;
font-weight:		bold;
border:				#cec8c4 1px solid;
padding:			2px 3px 3px 3px;
margin:				5px 2px;
background:			url('../images/BG-inbox-btns.gif') repeat-x left 3px;
}

.content-form input.form-butt:hover{
color:				#00929f;
}

.content-form ul{
float:				left;
}

.content-form li{
display:			block;
clear:				both;
width:				400px;
}

.content-form p{
float:				right;
display:			block;
background:			#00324e;
width:				180px;
margin:				0;
padding:			20px;
color:				#fff;
font-size:			11px;
font-weight:		bold;
line-height:		12px;
}

/* Flash ***********************************************************************************************/

/* Table ***********************************************************************************************/

table{
margin:				10px 0;
}

table th, table td{
padding:			8px;
text-align:			left;
border:				1px solid;
background:			none;
line-height:		12px;
}

/* Content ***********************************************************************************************/

#systemlog{
background-color:	#f9f5f1;
border:				#fff 1px solid;
border-bottom:		none;
width:				768px;
padding:			15px 15px 1px 15px;
}

#content,#iNumark,#iPharmacy{
background-color:	none;
border:				none;
width:				94%;
padding:			3%;
}

/* Content Specifics ***********************************************************************************************/

.warning-wrap, .alert-wrap, .message-wrap{
display:			block;
width:		 		100%;
margin:				10px 0;
}

.warning-wrap p, .alert-wrap p, .message-wrap p{
padding:			28px 20px 28px 50px;
}

.warning-wrap p{
color:				#da2f20;
border:				#ff6d60 5px solid;
background:			#ffc3be url('../images/ICON-error.gif') no-repeat 12px 21px;
}

.alert-wrap p{
color:				#b68900;
border:				#eeb761 5px solid;
background:			#ffeeba url('../images/ICON-alert.gif') no-repeat 12px 21px;
}

.message-wrap p{
color:				#479000;
border:				#74b03a 5px solid;
background:			#c7dfb0 url('../images/ICON-message.gif') no-repeat 12px 21px;
}

*:first-child+html .warning-wrap p, *:first-child+html .alert-wrap p, *:first-child+html .message-wrap p{
background-position:15px 26px;
}

.login-wrap, .inbox-wrap, .wide-col, .single-col, .two-col, .three-col{
position:			relative;
margin-top:			10px;
margin-bottom:		10px;
display:			block;
padding:			15px;
border:				#c9c4c0 1px solid;
background:			#fff;
}

.wide-col,.single-col,two-col,.three-col{
width:				100%;
}

/* Login style ***********************************************************************************************/

.login-wrap{
width:				738px;
padding:			30px 15px;
background:			#fff url('../images/BG-login-wrap.jpg') no-repeat 380px top;
}

.login-text{
float:				left;
display:			block;
width:				350px;
padding:			0 0 0 20px;
}

.login-text h2, .login-form h2{
margin:				5px 0 10px 0;
float:				left;
display:			block;
width:				350px;
}

.login-form h2{
margin:				5px 0 25px 0;
width:				310px;
}

.login-text p{
display:			block;
width:				350px;
float:				left;
padding:			4px 0 5px 0;
font-size:			12px;
color:				#00929f;
}

.login-text p strong{
font-size:			14px;
font-weight:		bold;
}

.login-text p em{
color:				#6a7070;
font-size:			14px;
font-style:			normal;
}

.login-text p em strong{
font-weight:		bold;
}

.login-form{
display:			block;
float:				right;
width:				310px;
}

.login-form input{
border:				#d3ceca 1px solid;
padding:			7px 5px;
font-size:			14px;
width:				240px;
margin:				7px 0 0 22px;
color:				#757a7a;		
}

* html .login-form input{
margin:				7px 0 0 11px;
}

.login-form input.login-check{
margin:				7px 0 0 8px;
width:				20px;
border:				none;
}

* html .login-form input.login-check{
margin:				0 0 0 4px;
}

.login-form a, .login-form a:visited, .login-form a:hover{
display:			block;
margin:				7px 0 0 22px;
font-size:			11px;
text-decoration:	underline;
border:				none;
color:				#00929f;
}

.login-form small{
display:			block;
float:				left;
color:				#00929f;
font-weight:		bold;
margin:				7px 0 0 20px;				
}

* html .login-form small{
margin:				0 0 0 10px;
}

.login-form input.login-butt{
display:			block;
border:				none;
width:				132px;
height:				46px;
color:				#fff;
text-transform:		uppercase;
font-size:			15px;
text-align:			center;
float:				right;
font-weight:		bold;
cursor:				pointer;
margin:				7px 40px 0 0;
background:			url('../images/BTN-login-bk.jpg') bottom center;
letter-spacing:		-0.04em;
}

.login-form input.login-butt:hover{
background:			url('../images/BTN-login-bk.jpg') top center;
}

* html .login-form input.login-butt{
margin:				7px 20px 0 0;
}

.entry-wrap ul{
display:			block;
padding:			20px;
background:			#efebe8;
border:				#aba7a4 1px solid;
list-style:			disc;
margin:				6px 0 6px 0;
line-height:		16px;
}

.entry-wrap ul li{
padding:			2px 0;
margin:				0 0 0 20px;
font-weight:		bold;
color:				#004063;
}

.entry-wrap ol{
display:			block;
padding:			20px;
background:			#d0fbff;
border:				#87d4db 1px solid;
list-style:			decimal;
margin:				6px 0 6px 0;
line-height:		16px;
}

.entry-wrap ol li{
padding:			2px 0;
margin:				0 0 0 20px;
font-weight:		bold;
color:				#004063;
}

/* Widgets ***********************************************************************************************/

#widget-columns .widget-column {
float: 				left;
width: 				33.3%;
min-height: 		400px;
height: 			auto !important; 
height: 			400px;
}

#widget-columns #widget-column1 .widget { 
margin: 			15px 14px 0 0;
}

#widget-columns #widget-column3 .widget { 
margin: 			15px 0 0 14px; 
}

#widget-columns .widget {
margin: 			15px 7px 0 7px;
padding: 			0;
border:				#fff 3px solid;
}

#widget-columns .widget .widget-head {
display:			block;
overflow:			hidden;
width: 				100%;
height: 			30px;
line-height: 		30px;
background:			#008793;
margin:				0;
padding:			0;
}

#widget-columns .widget .widget-head h3 {
padding: 			0 5px;
float: 				left;
color:				#fff;
font-size:			14px;
line-height:		30px;
}

#widget-columns .widget .widget-content {
background: 		#fff;
padding: 			0 5px;
color: 				#ddd;
line-height: 		1.2em;
overflow: 			hidden;
}

#widget-columns .widget .widget-content p {
padding: 			0.8em 0;
border:				none;
color:				#2b2b2b;
}

#widget-columns .widget .widget-content img {
float: 				right;
margin: 			10px auto;
border: 			1px solid #fff;
}

#widget-columns .widget .widget-content pre {
padding: 			0.5em 5px;
color: 				#eee;
font-size: 			12px;
}

#widget-columns .widget .widget-content ul.images {
padding: 			7px 0 0 0;
list-style: 		none;
height: 			1%;
}

#widget-columns .widget .widget-content ul.images li {
display: 			inline;
float: 				left;
}

#widget-columns .widget .widget-content ul.images img {
display: 			inline;
float: 				left;
margin: 			0 0 7px 7px;
}

/* JS-Enabled Widget CSS */

.widget-head a.remove  {
float: 				right;
display: 			inline;
background: 		url('../images/buttons.gif') no-repeat -24px 0;
width: 				14px;
height: 			14px;
margin: 			8px 4px 8px 0;
text-indent: 		-9999em;
}

.widget-head a.edit  {
float: 				right;
display: 			inline;
background: 		url('../images/buttons.gif') no-repeat;
width: 				24px;
height: 			14px;
text-indent: 		-9999em;
margin: 			8px 4px 8px 4px;
}

.widget-head a.collapse  {
float: 				left;
display: 			inline;
background: 		url('../images/buttons.gif') no-repeat -52px 0;
width: 				14px;
height: 			14px;
text-indent: 		-9999em;
margin: 			8px 0 8px 4px;
}

.widget-placeholder { 
display:			block; 
border: 			2px dashed #999;
}

#widget-column1 .widget-placeholder { 
margin: 			15px 14px 0 0; 
}

#widget-column2 .widget-placeholder { 
margin: 			15px 7px 0 7px; 
}

#widget-column3 .widget-placeholder { 
margin: 			15px 0 0 14px; 
}

* html .widget-placeholder{
height: 			223px;
}

*:first-child+html .widget-placeholder{
height: 			206px;
}

.edit-box {
overflow: 			hidden;
background: 		#fff;
margin: 			0;
padding: 			10px 0;
border-bottom: 		#cccccc 1px solid;
}

.edit-box input{
border: 			#cccccc 1px solid;
padding:			3px 2px;
width: 				120px;	
}

.edit-box li.item {
padding: 			10px 0;
overflow: 			hidden;
float: 				left;
width: 				100%;
clear: 				both;
}

.edit-box label {
float: 				left;
width: 				30%;
color: 				#333;
padding: 			0 0 0 10px;
}

.edit-box ul.colors li {
width: 				20px;
height: 			20px;
border: 			1px solid #EEE;
float: 				left;
display: 			inline;
margin: 			0 5px 0 0;
cursor: 			pointer;
}

.widget-content ul{
margin:				5px 0;
}

.widget-content ul li{
list-style:			none;
border-bottom:		#b4b9b9 1px dotted;
padding:			3px;
margin:				0;
}

.widget-content ul li a{
font-size:			13px;
padding:			0;
line-height:		14px;   
}

.widget-content ul li a span{
display:			block;
height:				11px;
padding:			0 0 3px 0;
font-size:			11px;
diplay:				block;
font-weight:		bold;
color:				#555;
}

/* Hero ***********************************************************************************************/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

#hero{
display:			block;
width:				768px;
height:				215px;
overflow:			hidden;
background:			#fff;
margin:				15px 0;
}

#hero-content{
position:			relative;
display:			block;
height:				213px;
width:				531px;
float:				left;
overflow:			hidden;
padding:			1px 0 1px 1px;
background:			#cdc7c3;
border-right:		#00929f	1px solid;
}

* html #hero-content{
width:				531px;
}

#hero ul{
float:				right;
height:				215px;
display:			block;
background:			#007f8a url('../images/BG-hero-tabs.jpg') no-repeat top left;
}

#hero ul, #hero li{
float:				right;
width:				235px;
}

#hero ul li a, #hero ul li a:visited{
display:			block;
width:				220px;
font-size:			15px;
font-weight:		bold;
}

#hero-content span{
z-index:			10000000;
}

.ui-tabs-nav, .ui-tabs-panel {
float: 				right;
}

.ui-tabs-nav {
display:			block;
overflow:			hidden;
width: 				235px;
height: 			215px;
margin: 			0;
padding: 			0;
background:			#007f8a url('../images/BG-hero-tabs.jpg') no-repeat top left;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: 			block;
clear: 				both;
content: 			" ";
}

.ui-tabs-nav li {
margin: 			0;
min-width: 			235px; /* be nice to Opera */
}

.ui-tabs-nav a, .ui-tabs-nav a span {
display: 			block;
width:				215px;
padding: 			0 10px;	
}

.ui-tabs-nav a {
text-align:			left;
margin: 			1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 		0;
color:				#fff;
font-size:			15px;
font-weight: 		bold;
line-height: 		1.2;
text-decoration: 	none;
white-space: 		nowrap; /* required in IE 6 */    
}

.ui-tabs-nav .ui-tabs-selected a {
position: 			relative;
top: 				1px;
z-index: 			2;
margin-top: 		0;
color: 				#75dad8;
}

.ui-tabs-nav a span {
width: 				220px; /* IE 6 treats width as min-width */
min-width: 			220px;
height: 			30px; /* IE 6 treats height as min-height */
min-height: 		30px;
padding-top: 		12px;
padding-left: 		15px;
background:			url('../images/BG-feature-tab-sep.png') no-repeat bottom left;
}

* html .ui-tabs-nav a span{
background:			url('../images/BG-feature-tab-sep.gif') no-repeat bottom left;
}

*>.ui-tabs-nav a span { /* hide from IE 6 */
width: 				auto;
height: 			auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 	1px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: 			text;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
cursor: 			pointer;
}

.ui-tabs-panel{
padding: 			0;
height:				213px;
float:				left;
background: 		#fff; /* declare background color for container to avoid distorted fonts in IE while fading */
width: 				532px;
}

.ui-tabs-panel p{
padding:			0;
margin:				0;
border:				none;
}

.ui-tabs-loading em {
padding: 			0 0 0 20px;
background: 		url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: 			inline-block;
}

*:first-child+html .ui-tabs-nav {
display: 			inline-block;
}


/* Inbox ***********************************************************************************************/

ul.inbox-nav{
float:				right;
margin:				-20px 0 15px 0;
}

ul.inbox-nav li{
float:				left;
}

ul.inbox-nav li a, ul.inbox-nav li a:visited{
display:			block;
float:				left;
width:				auto;
height:				18px;
text-transform:		uppercase;
color:				#033d5e;
font-size:			12px;
border:				#cec8c4 1px solid;
padding:			6px 3px 3px 3px;
margin:				0 2px;
background:			url('../images/BG-inbox-btns.gif') repeat-x top left;		
}

ul.inbox-nav li a:hover{
color:				#00929f;
}

.inbox-wrap table{
margin:				10px 0;
}

.inbox-wrap table th, .inbox-wrap table td{
padding:			6px;
text-align:			left;
border:				none;
}

.inbox-wrap table th input#inbox-chk{
margin:				2px 10px 0 0;
}

.inbox-wrap table th p{
float:				left;
font-size:			12px;
}

.inbox-wrap table th select{
width:				120px;
border:				1px solid;
margin:				0 4px;
padding:			2px;
}

.inbox-wrap table tr th{
background-color:	#00929f;
color:				#e0fbfd;
border:				#00707a 3px solid;
border-left:		none;
border-right:		none;
font-size:			14px;
}

.inbox-wrap table tr td{
background-color:	#fff;
font-size:			11px;
color:				#8cadb1;
font-weight:		bold;		
}

.inbox-wrap table tr.inbox-alt td{
background:			#f4fefe;
}

.inbox-wrap table tr.inbox-msg td{
background:			#dcefbd;
color:				#81ad54;
}

.inbox-wrap table tr td a, .inbox-wrap table tr td a:visited{
color:				#023a59;		
}

.inbox-wrap table tr td a.inbox-vis{
color:				#8cadb1;
}

.inbox-wrap table tr td a:hover{
color:				#00929f;
}

.inbox-wrap table tr.inbox-msg td a,.inbox-wrap table tr.inbox-msg td a:visited{
color:				#2e7900;
}

.inbox-pag{
float:				right;
margin:				6px 0 0 0;
}

.inbox-pag p, .inbox-pag a{
float:				left;
color:				#e0fbfd;
font-size:			12px;				
}

.inbox-pag p{
display:			block;
width:				40px;
margin:				0 5px 0 0;
padding:			0;
}

.inbox-pag a{
display:			block;
margin:				0 2px;		
}

.inbox-pag a.active{
color:				#fff;
text-decoration:	underline;
}

.inbox-pag a.inbox-pag-lt, .inbox-pag a.inbox-pag-rt{
display:			block;
height:				13px;
width:				7px;
overflow:			hidden;
text-indent:		-9999px;
margin:				3px 6px 0 6px;
}

.inbox-pag a.inbox-pag-lt, .inbox-pag a.inbox-pag-lt:visited{
background:			url('../images/BTN-inbox-pag-lt.gif') no-repeat bottom center;
}

.inbox-pag a.inbox-pag-lt:hover{
background:			url('../images/BTN-inbox-pag-lt.gif') no-repeat top center;
}

.inbox-pag a.inbox-pag-rt, .inbox-pag a.inbox-pag-rt:visited{
background:			url('../images/BTN-inbox-pag-rt.gif') no-repeat bottom center;
}

.inbox-pag a.inbox-pag-rt:hover{
background:			url('../images/BTN-inbox-pag-rt.gif') no-repeat top center;
}

/* Page Tabs ***********************************************************************************************/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .page-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .page-tabs-nav {
        display: none;
    }
}

.page-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
	width:100%;
	text-align: right;
	border-bottom: #cec8c4 1px solid;
}
.page-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.page-tabs-nav li {
	display:inline-block;
    margin: 0 0 0 1px;
	text-align: right;
    min-width: 84px; /* be nice to Opera */
	max-width: 120px;
}
.page-tabs-nav a, .page-tabs-nav a span {
    display: block;
    padding: 0 10px;
}
.page-tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.page-tabs-nav .page-tabs-selected a {
    color: #00929f;
	border: #cec8c4 1px solid;
	border-bottom: none;
	background: #fff;
}
.page-tabs-nav .page-tabs-selected a, .page-tabs-nav a:hover, .page-tabs-nav a:focus, .page-tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.page-tabs-nav a, .page-tabs-nav .page-tabs-disabled a:hover, .page-tabs-nav .page-tabs-disabled a:focus, .page-tabs-nav .page-tabs-disabled a:active {
    background-position: 100% -100px;
}
.page-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.page-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.page-tabs-nav .page-tabs-selected a span {
    padding-top: 7px;
}
.page-tabs-nav .page-tabs-selected a span, .page-tabs-nav a:hover span, .page-tabs-nav a:focus span, .page-tabs-nav a:active span {
    background-position: 0 -50px;
}
.page-tabs-nav a span, .page-tabs-nav .page-tabs-disabled a:hover span, .page-tabs-nav .page-tabs-disabled a:focus span, .page-tabs-nav .page-tabs-disabled a:active span {
    background-position: 0 0;
}
.page-tabs-nav .page-tabs-selected a:link, .page-tabs-nav .page-tabs-selected a:visited, .page-tabs-nav .page-tabs-disabled a:link, .page-tabs-nav .page-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.page-tabs-nav a:hover, .page-tabs-nav a:focus, .page-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.page-tabs-nav .page-tabs-disabled {
    opacity: .4;
}
.page-tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.page-tabs-loading em {
    padding: 0 0 0 20px;
    background: url('../images/loading.gif') no-repeat 0 50%;
}

a.remove-icon, a.remove-icon:visited{
display:			block;
width:				20px;
height:				20px;
overflow:			hidden;
text-indent:		-9999px;
background:			url('../images/ICON-remove-staff.gif') no-repeat bottom center;
}

a.remove-icon:hover{
background:			url('../images/ICON-remove-staff.gif') no-repeat top center;
}

/* Bread Crumb ***********************************************************************************************/

#breadcrumb{
float:				none;
width:				auto;
margin:				0;
padding:			0;
background:			none;
}

#breadcrumb ul {
display:			block;
height:				30px;
padding:			0;
background:			none;
}

#breadcrumb ul li{
float:				left;
padding:			6px 2px 4px 2px;
}

#breadcrumb ul li, #breadcrumb ul li a{
font-size:			12px;
color:				#023957;
}

/* Downloads ***********************************************************************************************/

#dl-wrap{
background:			none;
}

#dl-info{
background:			none;
}

#dl-info h2{
color:				#000;
}

#dl-info p{
color:				#000;
}