/*GLOBALS*/

	/* -------------------------------------------------------------------------------- GLOBAL ATTRIBUTES -------------------------------------------------------------------------------- */


.h1{
	border-style: solid;
    border-width: thin;
	border-color: #d9d9d9;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
}

input, textarea {
	color: #6e6e6e;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
}

option, select {
	color: #6e6e6e;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;

}

.submit input {
	border:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}




label.error { 
	display:inline;
	vertical-align:top;
	background: url(http://www.magicboxinc.com/images/form_error_icon.png) no-repeat;	
	color: red; 
	font-weight:normal; 
	padding-left: 18px; 
	}






	/* ---------Table Styles------------ */

#gradient-style
{
	font-family: Verdana,Geneva,Kalimati,sans-serif; 
	font-size: 12px;
	margin: 20px 0px 20px 0px;
	/*width: 700px;*/
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #b9c9fe url(../images/table_images/gradhead.png) repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #225289;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #fff url(../images/table_images/gradback.png) repeat-x;
}
#gradient-style tfoot tr td
{
	background: #fff;
	font-size: 12px;
	color: #225289;
}


#gradient-style tbody tr:hover td
{
	background: #fff url(../images/table_images/gradhover.png) repeat-x;
	color: #339;
}





#comparison-style
{
	font-family: Verdana,Geneva,Kalimati,sans-serif; 
	font-size: 12px;
	margin: 20px 0px 20px 0px;
	width: 100%;
	text-align: left;
	color: #505050;
	border-collapse:collapse;
}

#comparison-style th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #b9c9fe url(../images/table_images/gradhead.png) repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #225289;
}
#comparison-style td
{
	padding: 8px; 
	border: 1px solid #ccc;	
	/*background: #fff url(../images/table_images/gradback.png) repeat-x;*/
}

#comparison-style .features
{	
	color:#505050;
	font-weight:bold;
	text-align:left;	
}

#comparison-style .cell_bgcolor
{	
	background: url(../images/h30.png) repeat-x;
}
#comparison-style .cell_bgcolor2
{	
	background: url(../images/h30_green.png) repeat-x;
}
#comparison-style .cell_bgcolor3
{	
	background: url(../images/h30.png) repeat-x;
}
#comparison-style .cell_bgcolor4
{	
	background: url(../images/h30.png) repeat-x;
}

#comparison-style .checkmark
{
	background: url(../images/table_images/checkmark.png) no-repeat;
	background-position: center;
	
}


#comparison-style tfoot tr td
{
	background: #fff;
	font-size: 12px;
	color: #225289;
}


#comparison tbody tr:hover td
{
	background: #fff url(../images/table_images/gradhover.png) repeat-x;
	color: #339;
}











	/* -------------------------------------------------------------------------------- GLOBAL CLASSES -------------------------------------------------------------------------------- */


.border{
	border-style: solid;
    border-width: 1px;
	border-color: #ccc;
	padding: 10px
}	

.border2{
	border-style: solid;
    border-width: thin;
	border-color: #fff;
	padding: 10px
}
.border3{
	border-style: solid;
    border-width: thin;
	border-color: #000;
	padding: 5px
}
.border_btm{
	border-bottom:thin dotted #ccc;
}

.border2_btm{
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}
.border3_btm{
	border-bottom:thin dotted #2c6db5;
}
.border4_btm{
	border-bottom:1px solid #eee;
	padding:10px 0 15px 0;
}
.imgborder{
	border-style: solid;
    border-width: 1px;
	border-color: #000;
	padding: 4px
}

.border_rt{
	border-right:1px solid #eee;
}
.border_rt2{
	border-right:1px solid #fff;
}
.border_lft{
	border-left:1px solid #eee;
}



.last{
	border: none;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}

.right {
	float: right;
}
.left { 
	float: left;
}

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.bluebg{
	background:#225289;
}





.greytxt{
	color: #808080;
}
.whttxt{
	color: #FFF;
}
.blutxt{
	color:#225289;
}
.redtxt{
	color:#c03;
}
.greentxt{
	color:#060;
}
.sm_txt{
	font-size: 75%;
}
.md_txt{
	font-size: 90%;
}
.bg_txt{
	font-size: 110%;
}
.huge_txt{
	font-size: 150%;
}
.bold {
	font-weight: bold;
}

.pad5{
	padding: 5px;
	text-align:center;
}	
.padtop20{
	padding-top: 20px;

}

.center{
	text-align:center;
}
.bold {
	font-weight: bold;
}

.vid_bullets {
	list-style:url(../images/video_icon.png);

}
.vid_bullets li{
	padding:3px 0px;
}


.thumb_bullets {
	list-style:url(../images/thumbnail.png);

}
.thumb_bullets li{
	padding:3px 0px;
}

.download_bullets {
	list-style:url(../images/download_sm.png);

}
.download_bullets li{
	padding:3px 0px;
}

.check_bullets li{
	padding:2px 0px;
}

.check_bullets {
	list-style:url(../images/checkmark_sm.png);

}

.upload_bullets li{
	padding:2px 0px;
}

.upload_bullets {
	list-style:url(../images/upload_icon.jpg);

}


#contactsales_btn{
	width:130px;
	height:25px;
	padding:0px;
	margin-left:15px;
}
a .contactsales_btn {
	width:130px;
	height:25px;
	background: url(../images/contactsales_btn.gif) no-repeat;		
}
a .contactsales_btn:hover{
	background-position: -130px 0;	
}

#register_btn{
	width:130px;
	height:25px;
	padding:0px;
	margin-left:15px;
}
a .register_btn {
	width:130px;
	height:25px;
	background: url(../images/register_btn.gif) no-repeat;		
}
a .register_btn:hover{
	background-position: -130px 0;	
}

#update_btn{
	width:130px;
	height:25px;
	padding:0px;
	margin-left:15px;
}
a .update_btn {
	width:130px;
	height:25px;
	background: url(../images/update_btn.gif) no-repeat;		
}
a .update_btn:hover{
	background-position: -130px 0;	
}




#comparison_btn{
	width:130px;
	height:25px;
	padding:15px 0px 25px 0px;
	margin-left:10px;
}
a .comparison_btn {
	width:130px;
	height:25px;
	background: url(../images/comparison_btn.gif) no-repeat;		
}
a .comparison_btn:hover{
	background-position: -130px 0;	
}



#submit_btn{
	width:130px;
	height:25px;
	padding:0px 0px 0px 0px;
	margin:0;
	border:none;
}
.submit_btn {
	width:130px;
	height:25px;
	background: url(../images/submit_btn.gif) no-repeat;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.submit_btn:hover{
	background-position: -130px 0;	
	cursor: pointer; /* cursor: hand; for IE5 */
}

#login_btn{
	width:130px;
	height:25px;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	border:none;
}
.login_btn {
	width:130px;
	height:25px;
	background: url(../images/login_btn.gif) no-repeat;		
}
.login_btn:hover{
	background-position: -130px 0;	
	cursor: pointer; /* cursor: hand; for IE5 */
}

#register_cust_btn{
	width:130px;
	height:25px;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	border:none;
}
.register_cust_btn {
	width:130px;
	height:25px;
	background: url(../images/register_cust_btn.gif) no-repeat;		
}
.register_cust_btn:hover{
	background-position: -130px 0;	
	cursor: pointer; /* cursor: hand; for IE5 */
}


#promo_btn{
	width:210px;
	height:136px;
	padding:10px;
	margin:0 auto;
}

a .promo_btn {
	width:210px;
	height:136px;
	background: url(../images/freetrial.jpg) no-repeat;		
}
a .promo_btn:hover{
	background-position: -210px 0;	
}

#request_btn{
	width:130px;
	height:25px;
	padding:5px 10px 10px 20px;
	margin:0px;
}
a .request_btn {
	width:130px;
	height:25px;
	background: url(../images/request_btn.gif) no-repeat;		
}
a .request_btn:hover{
	background-position: -130px 0;	
}

#watchvids_btn{
	width:130px;
	height:25px;
	padding:5px;
	margin:0px;
}
a .watchvids_btn {
	width:130px;
	height:25px;
	background: url(../images/watchsamplevids_btn.gif) no-repeat;		
}
a .watchvids_btn:hover{
	background-position: -130px 0;	
}
#requestinfo_btn{
	width:100px;
	height:25px;
	padding:5px;
	margin:0px;
}
a .requestinfo_btn {
	width:100px;
	height:25px;
	background: url(../images/requestinfo_btn.gif) no-repeat;		
}
a .requestinfo_btn:hover{
	background-position: -100px 0;	
}
#viewflyers_btn{
	width:100px;
	height:25px;
	padding:5px;
	margin:0px;
}
a .viewflyers_btn {
	width:100px;
	height:25px;
	background: url(../images/viewflyers_btn.gif) no-repeat;		
}
a .viewflyers_btn:hover{
	background-position: -100px 0;	
}




.mainnanchor a{
	color: #225289;
	text-decoration:none;
}
.mainnanchor a:hover{
	color: #777;
	text-decoration:underline;
}

.redanchor a{
	color: #c03;
	text-decoration:none;
}
.redanchor a:hover{
	color: #225289;
	text-decoration:underline;
}


.h2_hr{
	padding:5px 0px 10px 10px;
	border-bottom:1px solid;
	border-color: #ddd;

}

.support_links {
	background-color:#fff;
	/*background-color:rgba(255, 255, 255, 0.8);*/
	border-left:1px solid #ccc;
	float:right;
	min-height:300px;
	padding:0px 5px 0px 20px;
	width:300px;
}

.support_links h2 {
	color:#065598;
	font-size:22px;
	display:block;
	padding:10px 0;
}

.support_links a {
	color:#666;
	font-size:12px;
	text-decoration:none;
}
.support_links a:hover {
	color:#c03;
	font-size:12px;
	text-decoration:underline;
}

.support_links p {
	margin:0 0 4px;
	background:transparent url(../images/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0px 2px 22px;
}



.where2start_links {
	background-color:#fff;
	border-right:1px solid #d6d6d6;
	padding:0px 5px 0px 20px;
	width:340px;
	min-height:300px;
	float:left;
	
}

.where2start_links h2 {
	color:#065598;
	font-size:22px;
	display:block;
	padding:10px 0;
}

.where2start_links a {
	color:#666;
	font-size:12px;
	text-decoration:none;
}
.where2start_links a:hover {
	color:#c03;
	font-size:12px;
	text-decoration:underline;
}

.where2start_links p {
	margin:0 0 4px;
	background:transparent url(../images/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0px 2px 22px;
}


.vertmarketlist_links {
	color:#000;
	font-size:10px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);

}
.vertmarketlist_links li {
	margin:4px 0 0 4px;
	list-style-type:none;
	background:transparent url(../images/bullet.png) no-repeat;
	padding:2px 0px 2px 22px;
}
.list_item_links li {
	margin:4px 0 0 4px;
	list-style-type:none;
	background:transparent url(../images/bullet.png) no-repeat;
	padding:2px 0px 2px 22px;
}



#thumbnails img
{	
	border-style: solid;
    border-width: thin;
	border-color: #ccc;
	padding: 2px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
}



.alert {
	width:920px;
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	border: solid 1px #c03;
	/*background-color:#fdda61;*/
	margin:0 0 5px 15px;
}
.alert_info {
	padding: 5px 10px 15px;
	margin:0 0 10px 15px;
	width:920px;
	border:solid 1px #ccc;
	background-color:#fff;
}


.description {
	width:920px;
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	border: solid 1px #c03;
	/*background-color:#fdda61;*/
	margin:20px 0 5px 0;
}
.description_info {
	width:920px;
	padding: 5px 10px 15px;
	margin:0 0 10px 0;
	border:solid 1px #ccc;
	background-color:#fff;
}




#footer .social  a {
	color: #225289;
	text-decoration:none;
}

#footer .social a:hover {
	text-decoration:underline;
	color:#777;
}



/* 
	The CSS3 Text-Shadow property contains the following values
	horizontal-offset (length, required) | vertical-offset (length, required) | blur-radius (length, optional) | shadow-color (color, optional) 
*/
.shadow {	text-shadow:1px 1px 1px #666;}/*<-- edit the color you wish to use in your shadows */
.shadow-light {	text-shadow:1px 1px 1px #eee;}/*<-- edit the color you wish to use in your shadows */


.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
}

.rounded_top_right {
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border:1px solid #ccc;
}

.box_shadow {
	-webkit-box-shadow: 2px 2px 3px #ccc;
	-moz-box-shadow: 2px 2px 3px #ccc;
	box-shadow: 2px 2px 3px #ccc;
}

.rotate {
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
}

.gradient {background: -moz-linear-gradient(center bottom , rgb(209, 209, 209) 14%, rgb(230, 230, 230) 57%, rgb(224, 224, 224) 91%) repeat scroll 0% 0% transparent;
}





/* --------------------------------------------------------------------------------  Blog Classes and IDs -------------------------------------------------------------------------------- */
#blog_sidebar  {
		width:240px;
		float: right; 
		padding: 5px;
		background-color: #fdda61;
}
#blog_sidebar h3 {
		font-family: Verdana,Geneva,Kalimati,sans-serif;
		font-size: 1.3em;
		font-style: normal;
		color: #575757;
		height: 30px;
		margin-top:-12px;
		padding: 5px 0 0 10px;
		background-image: url(../images/sidebarnav_bg.gif);
		background-repeat:repeat-x; 
}

#blog_sidebar ul {
		margin: 12px 0 0 0;
		padding:0 0 5px 0;
		background-color: #fff;
	
}
#blog_sidebar ul ul {
		margin: 0;
		padding:0 0 5px 20px;
		background-color: #fff;
	
}
#blog_sidebar li li {
		list-style-type: square;
		font-family: Verdana,Geneva,Kalimati,sans-serif;
		font-size: 100%;
		padding:5px 0;
		
	
}
#blog_sidebar li a {
		color: #225289;
		
}
#blog_sidebar a {
		color: #f00;
		text-decoration: none;
}

#blog_sidebar a:hover {
		text-decoration:underline;
		color:#c03;
	
	
}
#blog_sidebar .blog_search {
		padding:5px;
}

	
}
#blog_sidebar hr{
		border-style: dotted;
		border-width: 1px;
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		border-color: #d5d6d6;
	

}
#blog_sidebar img{
		padding: 5px 5px 10px 5px;

}



 
#blog_subnav{
	margin-left:0;
	background-color:#fdda61;
	line-height:35px;
}

#blog_subnav ul{
	margin-left:-30px;
}
#blog_subnav li{
	display:inline; 
	padding:5px;
	vertical-align:middle;
}
#blog_subnav a{
	width:75px;
	height:35px;
	padding:5px;
	text-decoration:none;
	color: #225289;
}
#blog_subnav a:hover{
	text-decoration:none;
	background-color:#fff;
	padding:5px;
	color: #000;
}				



.blog_date {
	background:#fff url('http://www.magicboxinc.com/images/blog_calendar_icon.jpg') repeat-x scroll top left;
	float:left;
	width:70px;
	height:80px;
	text-align:center;
	color:#fff;
	font-family: Verdana,Geneva,Kalimati,sans-serif; 
	text-transform:uppercase;
}

.blog_date h2{
	color:#575757;
	font-family: Verdana,Geneva,Kalimati,sans-serif; 
	
}
.blog_date .date-day {
	color:#333;
	font-size:25px;
}
.blog_date .date-month {
	font-size:11px;
	font-weight:bold;
	padding:5px 0;
}
.blog_date .date-year {
	font-size:11px;
	font-weight:normal;
	color:#ccc;
}







/* --------------------------------------------------------------------------------  ID's -------------------------------------------------------------------------------- */

#breadcrumbs{
	margin: 0px 0px 10px 5px;
	font-size: 75%;
	text-decoration: none;
}
#breadcrumbs a{
	text-decoration: none;
	color: #777;
}
#breadcrumbs a:hover{
	text-decoration: underline;
	color: #C03;
}
.bread_homeicon {
	padding-left:15px;
	background: url(../images/home_icon.png) no-repeat;		
}



#search_box{
	width:205px;
	float: right;
	display: inline;
	padding: 5px 1px 5px 10px;
	margin: -37px 20px 0px 0px;
}
#search_box .submit {
	margin: -27px 4px 0px 6px;
	padding: 0px 0px 0px 0px;

}

@media screen and (-webkit-min-device-pixel-ratio:0)
	{#search_box .submit {margin:-24px 4px 0px 5px;}}