/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
/*
 * File:        alert.css
 * Description: Alert styling
 * Author:      Allan Jardine
 * Created:     26-8-07
 * Language:    CSS
 * Project:     Alert
 * 
 * Copyright 2007-2008 Allan Jardine. All rights reserved.


 DOM layout that this style sheet applies to:

 +--div #alert_background--------------------------------------------------+
 |                                                                         |
 |                                                                         |
 |     +--div #alert_wrapper---------------------------------------+       |
 |     |                                                           |       |
 |     | +--div #alert_header------------------------------------+ |       |
 |     | |                        Header                         | |       |
 |     | +-------------------------------------------------------+ |       |
 |     |                                                           |       |
 |     | +--div #alert_content-----------------------------------+ |       |
 |     | |                                                       | |       |
 |     | |                        Content                        | |       |
 |     | |                                                       | |       |
 |     | +-------------------------------------------------------+ |       |
 |     |                                                           |       |
 |     | +--div #alert_buttons-----------------------------------+ |       |
 |     | |                        Buttons                        | |       |
 |     | +-------------------------------------------------------+ |       |
 |     |                                                           |       |
 |     +-----------------------------------------------------------+       |
 |                                                                         |
 |                                                                         |
 +-------------------------------------------------------------------------+

*/

#alert_background {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	z-index: 1;
	background-color: black;
    
	_position: absolute;
	_top:expression( document.body.scrollTop+'px' );
}

#alert_background iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width: 100%;/*must have for any big value*/
	height: 100%;/*must have for any big value*/;
}

#alert_wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 400px;
	margin-top: -100px;
	margin-left: -200px;
	padding: 12px;
	
	z-index: 2;
	background-color: #DBDADF;
	border: 1px solid #3E3E3E;
	color: #3E3E3E;
	
	/* Hooray for webkit! */
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 4px;
	
	_position: absolute;
	_top:expression( (documentElement.scrollTop + ((document.body.clientHeight-this.clientHeight)/2))+'px');
}

#alert_header {
	height: 30px;
	padding-top: 10px;
	
	font-size: 18px;
	font-weight: bold;
	background-color: #EFEFF0;
	border: 1px solid #8F908F;
	text-align: center;
	
	/* Hooray for webkit - again! */
	-webkit-border-radius: 2px;
}

#alert_content {
	height: 60px;
	padding-top: 10px;
}

#alert_buttons {
	height: 45px;
}

#alert_buttons table {
}

#alert_buttons td {
	margin: 0;
	padding: 0;
	background: url(../images/button.jpg) no-repeat top left;
	text-align: center;
}

#alert_buttons td.empty {
	background: none;
}

#alert_buttons a {
	display: block;
	height: 28px;
	margin: 0;
	padding-top: 7px;
	margin-left: 10px;
	padding-right: 10px;
	
	background: url(../images/button.jpg) no-repeat top right;
	text-align: center;
	font-size: 12px;
	color: black;
	text-decoration: none;
	cursor: pointer;
}

#alert_buttons a:hover {
	text-decoration: none;
}

#alert_buttons td.selected {
	background: url(../images/button_selected.jpg) no-repeat top left;
}

#alert_buttons a.selected {
	background: url(../images/button_selected.jpg) no-repeat top right;
}




/*
 * 'Different' styles for the 'different' classed alert box
 * Strip these out when you do your own styling
 */
#alert_background.different {
	position: fixed;
	height: 100%;
	width: 100%;
	
	z-index: 1;
	background-color: black;
	opacity: 0.4;
	filter: alpha(opacity=40);
	
	_position: absolute;
	_top:expression( document.body.scrollTop+'px' );
}

#alert_wrapper.different {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	
	z-index: 2;
	color: #3E3E3E;
	background: url(../images/alt_bg.png) no-repeat bottom left;
	border-width: 0;
	
	/* Honestly this needs a little work. If you want to use this style with IE6 - please feel free... */
	_position: absolute;
	_background: none;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/images/alt_bg.png',sizingMethod='crop');*/
	_height:expression( document.documentElement.clientHeight+'px');
	_top:expression( document.body.scrollTop+'px');
}

#alert_wrapper.different #alert_header {
	display: none;
}

#alert_wrapper.different #alert_content {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 90px;
	margin-top: -45px;
	margin-left: -200px;
	padding: 12px;
	
	background-color: #f3f3f3;
	border: 3px solid #3f3f3f;
}

#alert_wrapper.different #alert_buttons {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 30px;
	width: 400px;
	margin-top: 15px;
	margin-left: -200px;
}

#alert_wrapper.different #alert_buttons td {
	margin: 0;
	padding: 0;
	background: url(../images/button.jpg) no-repeat top left;
	text-align: center;
}

#alert_wrapper.different #alert_buttons td.empty {
	background: none;
}

#alert_wrapper.different #alert_buttons a {
	display: block;
	height: 28px;
	margin: 0;
	padding-top: 7px;
	margin-left: 10px;
	padding-right: 10px;
	
	background: url(../images/button.jpg) no-repeat top right;
	text-align: center;
	font-size: 12px;
	color: black;
	text-decoration: none;
	cursor: pointer !important;
}

#alert_wrapper.different #alert_buttons td.selected {
	background: url(../images/button_selected.jpg) no-repeat top left;
}

#alert_wrapper.different #alert_buttons a.selected {
	background: url(../images/button_selected.jpg) no-repeat top right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup - just ignore this part - it's used for the demos
 */
/*body, html {
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

body {
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


#alert_example #container {
	width: 800px;
	margin: 30px auto;
	padding: 0;
}

#alert_example #footer {
	margin: 50px auto 0 auto;
	padding: 0;
}

#alert_example #demo {
	color: blue;
	cursor: pointer;
	cursor: hand;
}

#alert_example #demo:hover {
	text-decoration: underline;
}

#alert_example .big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}

#alert_example .spacer {
	height: 20px;
	clear: both;
}

#alert_example .clear {
	clear: both;
}

#alert_example pre {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

#alert_example h1 {
	margin-top: 2em;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	border-bottom: 1px solid #B0BED9;
	clear: both;
}

#alert_example h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	clear: both;
}

#alert_example a {
	color: #0063DC;
	text-decoration: none;
}

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

#alert_example ul {
	color: #B0BED9;
}*/








/*
 * TITLE: Transparent Rounded Drop Shadow
 * URI: http://nerd.ocracy.org/em/shadow/shadow.css
 * CREATED: Wed, 27 Jul 2005 18:58:42 +0200
 * MODIF: Wed, 10 May 2006 14:35:56 +0200
 * Inspired by the technique presented by Alessandro 
 * (http://web-graphics.com/mtarchive/001589.php) and the one called
 * ":befTer Drop Shadow" 
 * (http://www.hszk.bme.hu/~hj130/css/before_after/befter_dropshadow/index_nopos.html).
 * This stylesheet adds a transparent (if the shadow image has an alpha 
 * channel) drop shadow with rounded corners to the selected block elements
 * surrounded by a container <div> with class "shadow":
 *
 * <div class="shadow">
 *   <img src="foo.jpg" />
 * </div>
 *
 * KNOWN BUGS: 
 * - Mozilla 1.7 (probably other versions also) has a bug with non-floated
 *   elements: at the end of the file there is a simple workaround which
 *   you can enable as you need.
 */

/* The shadow */
div.shadow {
    float:left;
    display: block;
    background: url(shadow.png) no-repeat bottom right;
    margin: 18px 0 0 18px;
}

/* The top-right corner of the shadow */
div.shadow:before {
    content:"";
    background: url(shadow.png) no-repeat top right;
    margin: -9px 0 0 0;
    display:block;
    height: 9px;
}

/* The bottom-left corner of the shadow */
div.shadow:after {
    content: "";
    background: url(shadow.png) no-repeat bottom left;
    margin: -30px 0 0 -9px;
    display: block;
    width: 9px;
    height: 30px;
}

/* The item with the shadow */
div.shadow > * {
    margin:0;
    display: block;
    position: relative;
    top: -9px; 
    left: -9px;
}

/* Workaround for a bug in Mozilla 1.7 (1.7.10-1 Debian)
 *
 * For non-floated elements the div.shadow will extend to contain 
 * the whole :before rect, which has negative margins and should
 * be put instead outside it's parent. Putting a border around the 
 * div seems to fix the problem. 
 *
 * Enable the following rule if you want to use non floated content.
 */

/*
div.shadow { border: 0.1px solid transparent; }
*/


.RadTextAddress {
    width:100% !important;

}

.RadTextState{
    width:20% !important;
}

.RadPageViewHeight {
     height:auto !important ;
}

.RadComboBox .rcbInputCell {
    line-height: initial !important;
}