/*** STORAGE CALCULATOR BUTTON ***************************************************/
#calc_container
{
	position: relative;
	width: 180px;
}


#calc_hover
{
	cursor: pointer;
}

#calc_button
{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	font-style: none;
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	cursor:pointer;
	height:38px;
	margin:0;
	overflow:visible;
	padding:0 0 0 16px;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	width:auto;
}

#calc_button span, #calc_button em
{
	background-image:url("http://www.storagefront.com/^calcwidget/button_M_green.png") !important;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:arial;
	font-style:normal;
	height:38px;
	line-height:34px;
	margin:0;
	text-decoration:none;
}

#calc_button em
{
	background-position:100% 0;
	display:inline-block;
	padding-left:0;
	padding-right:16px;
	position:relative;
}

#calc_button span
{
	background-position:0 0;
	display:block;
	left:10px;
	position:absolute;
	top:0;
	width:16px;
	font-size:13px;
	padding-left:15px;
}

#calc_hover
{
	position: relative;
	font-size: 8px;
	font-family: arial;
	color: #555555;
	width: 90px;
}

#calc_hover span
{
	position: relative;
	display: block;
	padding-bottom: 4px;
	padding-top: 2px;
	padding-left: 4px;
}

#calc_hover span strong
{
}

#calc_subtext
{
	font-family: arial;
	font-size: 8px;
	color: #555555;
	padding-left: 4px;
}

#calc_links
{
	position: absolute;
	border: 2px solid #dedede;
	background-color: #f2f2f2;
	font-family: arial;
	font-size: 11px;
	width: 180px;
	display: block;
}

#calc_links ul
{
	list-style:none outside none;
	margin-left: 7px;
	padding-left: 0px;
	padding-top: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

#calc_links ul li
{
	padding-top: 2px;
	padding-bottom: 2px;
}

#calc_links ul li a
{
	color: #3E8247;
	text-decoration: none;
}

#calc_links ul li a:hover
{
	color: #3E8247;
	text-decoration: underline;
}

#calc_links ul li a:visited
{
	color: #3E8247;
}


/*** STORAGE CALCULATOR MODAL ***************************************************/
.storage_calc .bottom {
    width:915px;
    height:500px;
    margin-left:20px;
    margin-top:-22px;
}

.storage_calc .top h2 {
    padding-left:492px;
}

#modal_position_container
{
	z-index: 9999;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -512px;
}


.calc_modal_container {
    height:709px;
    width:1009px;
    background-image:url("http://www.storagefront.com/^calcwidget/modal_bg.png");
    position:absolute;
    top:0px;
    left:0px;;
    background-repeat:no-repeat;
    display:none;
		z-index: 10000;
}

.calc_modal_close {
    background-image:url("http://www.storagefront.com/^calcwidget/modal_close.png");
    background-repeat:no-repeat;
    cursor:pointer;
    height:70px;
    position:absolute;
    width:70px;
    display:none;
    z-index:100000;
    right:-8px;
    top:-10px;
    display:block;
}

.calc_modal_close2 {
    background-image:url("http://www.storagefront.com/^calcwidget/modal_close.png");
    background-repeat:no-repeat;
    cursor:pointer;
    height:70px;
    position:absolute;
    right:10px;
    top:-6px;
    width:70px;
    z-index:100000;
}


.calc_modal_container .iframe_outer {
    border:medium none;
    height:604px;
    margin-left:22px;
    overflow:none;
    position:relative;
    top:-80px;
    width:957px;
}

.calc_modal_container .iframe_outer body, #body.container_wrapper {
    background:transparent !important;
}

.iframe_outer body {
    background-color:transparent !important;
    background:transparent !important;
}

.calc_modal_container .logo {
    background-image: url('http://www.storagefront.com/^calcwidget/widget_header_short.png');
    background-repeat: no-repeat;
    height:51px;
    width:926px;
    left:38px;
		top: 42px;
    position:absolute;
}

.calc_modal_container .top {
    background-image:url("http://www.storagefront.com/^calcwidget/header_modal_m.png");
    background-repeat:repeat-x;
    height:120px;
    margin-left:26px;
    margin-top:26px;
    width:917px;
}

.top_left {
    background-image:url("http://www.storagefront.com/^calcwidget/header_modal_l.png");
    background-repeat:no-repeat;
    float:left;
    height:120px;
    width:40px;
}

.calc_modal_container .top_right {
    background-image:url("http://www.storagefront.com/^calcwidget/header_modal_r.png");
    background-repeat:no-repeat;
    height:120px;
    position:absolute;
    right:26px;
    width:40px;
}

.calc_modal_container .top h2 {
    padding-left:555px;
    font-size:23px;
    font-weight:bold;
    padding-top:40px;
    font-family:arial;
}

/****************************************************************************** GENERIC BUTTON THEMES */
/* NOTE: Class names are very important here - they are used in the generator */
/* GENERAL NECESSARY CSS FOR ALL GENERATED BUTTONS */
#calc_button.blue1,
#calc_button.blue2,
#calc_button.blue3,
#calc_button.blue4,
#calc_button.blue5,
#calc_button.blue6,
#calc_button.bluegrey,
#calc_button.brown1,
#calc_button.brown2,
#calc_button.darkgrey,
#calc_button.gold,
#calc_button.green1,
#calc_button.green2,
#calc_button.green3,
#calc_button.green4,
#calc_button.light,
#calc_button.lightgrey,
#calc_button.mediumgrey,
#calc_button.orangedark,
#calc_button.orangelight,
#calc_button.pink,
#calc_button.purpledark,
#calc_button.purplelight,
#calc_button.red1,
#calc_button.red2,
#calc_button.yellow1,
#calc_button.yellow2
{
	display: block;
	width: 155px;
	height: 63px;
	font-family: arial;
	font-size: 17px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#calc_button.blue1:hover,
#calc_button.blue2:hover,
#calc_button.blue3:hover,
#calc_button.blue4:hover,
#calc_button.blue5:hover,
#calc_button.blue6:hover,
#calc_button.bluegrey:hover,
#calc_button.brown1:hover,
#calc_button.brown2:hover,
#calc_button.darkgrey:hover,
#calc_button.gold:hover,
#calc_button.green1:hover,
#calc_button.green2:hover,
#calc_button.green3:hover,
#calc_button.green4:hover,
#calc_button.light:hover,
#calc_button.lightgrey:hover,
#calc_button.mediumgrey:hover,
#calc_button.orangedark:hover,
#calc_button.orangelight:hover,
#calc_button.pink:hover,
#calc_button.purpledark:hover,
#calc_button.purplelight:hover,
#calc_button.red1:hover,
#calc_button.red2:hover,
#calc_button.yellow1:hover,
#calc_button.yellow2:hover
{
	background-position: right top;
}

#calc_button.blue1 span,
#calc_button.blue2 span,
#calc_button.blue3 span,
#calc_button.blue4 span,
#calc_button.blue5 span,
#calc_button.blue6 span,
#calc_button.bluegrey span,
#calc_button.brown1 span,
#calc_button.brown2 span,
#calc_button.darkgrey span,
#calc_button.gold span,
#calc_button.green1 span,
#calc_button.green2 span,
#calc_button.green3 span,
#calc_button.green4 span,
#calc_button.light span,
#calc_button.lightgrey span,
#calc_button.mediumgrey span,
#calc_button.orangedark span,
#calc_button.orangelight span,
#calc_button.pink span,
#calc_button.purpledark span,
#calc_button.purplelight span,
#calc_button.red1 span,
#calc_button.red2 span,
#calc_button.yellow1 span,
#calc_button.yellow2 span
{
	background-image: none !important;
	color:#FFFFFF;
	left:14px;
	position:absolute;
	top:10px;
	width:110px;
	font-family:arial;
	font-style:normal;
	height:38px;
	line-height:20px;
	margin:0;
	text-decoration:none;
}

#calc_button.blue1 div,
#calc_button.blue2 div,
#calc_button.blue3 div,
#calc_button.blue4 div,
#calc_button.blue5 div,
#calc_button.blue6 div,
#calc_button.bluegrey div,
#calc_button.brown1 div,
#calc_button.brown2 div,
#calc_button.darkgrey div,
#calc_button.gold div,
#calc_button.green1 div,
#calc_button.green2 div,
#calc_button.green3 div,
#calc_button.green4 div,
#calc_button.light div,
#calc_button.lightgrey div,
#calc_button.mediumgrey div,
#calc_button.orangedark div,
#calc_button.orangelight div,
#calc_button.pink div,
#calc_button.purpledark div,
#calc_button.purplelight div,
#calc_button.red1 div,
#calc_button.red2 div,
#calc_button.yellow1 div,
#calc_button.yellow2 div
{
	background-image: url("http://www.storagefront.com/^calcwidget/white_cal_graphic.png");
	width: 51px;
	height: 37px;
	position: absolute;
	left: 89px;
	top: 11px;
}

/* CUSTOM CSS FOR EACH GENERATED BUTTON */
#calc_button.blue1 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_blue_1.png"); }
#calc_button.blue2 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_blue_2.png"); }
#calc_button.blue3 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_blue_3.png"); }
#calc_button.blue4 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_blue_4.png"); }
#calc_button.blue5 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_blue_5.png"); }
#calc_button.blue6 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_blue_6.png"); }
#calc_button.bluegrey { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_blue_grey.png"); }
#calc_button.brown1 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_brown_1.png"); }
#calc_button.brown2 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_brown_2.png"); }
#calc_button.darkgrey { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_dark_grey.png"); }
#calc_button.gold { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_gold.png"); }
#calc_button.green1 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_green_1.png"); }
#calc_button.green2 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_green_2.png"); }
#calc_button.green3 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_green_3.png"); }
#calc_button.green4 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_green_4.png"); }
#calc_button.light { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_light.png"); }
#calc_button.lightgrey { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_light_grey.png"); }
#calc_button.mediumgrey { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_med_grey.png"); }
#calc_button.orangedark { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_orange_dark.png"); }
#calc_button.orangelight { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_orange_light.png"); }
#calc_button.pink { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_pink.png"); }
#calc_button.purpledark { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_purple_dark.png"); }
#calc_button.purplelight { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_purple_light.png"); }
#calc_button.red1 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_red.png"); }
#calc_button.red2 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_red_2.png"); }
#calc_button.yellow1 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_yellow.png"); }
#calc_button.yellow2 { background-image: url("http://www.storagefront.com/^calcwidget/cal_button_yellow_2.png"); }


/****************************************************************************** ATLAS STORAGE CENTERS */
#calc_button.atlas
{
	display: block;
	background-image: url("http://www.storagefront.com/^calcwidget/button_gold.png");
	width: 155px;
	height: 63px;
	font-family: arial;
	font-size: 17px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#calc_button.atlas:hover
{
	background-position: right top;
}

#calc_button.atlas span
{
	background-image: none !important;
	color:#FFFFFF;
	left:14px;
	position:absolute;
	top:10px;
	width:110px;
	font-family:arial;
	font-style:normal;
	height:38px;
	line-height:20px;
	margin:0;
	text-decoration:none;
}

#calc_button.atlas div
{
	background-image: url("http://www.storagefront.com/^calcwidget/white_cal_graphic.png");
	width: 51px;
	height: 37px;
	position: absolute;
	left: 89px;
	top: 11px;
}