@charset "utf-8";

/* CSS Document */

body {

	margin: 0;

	padding: 0;

	background: url(../images/bg.jpg) left top repeat-x;

	font-family: Verdana, Geneva, sans-serif;

	color: #3b3b3b;

	font-size: 100%;

}

.wrapper {

	width: 994px;

	margin: 0 auto;

}

.green_button {

	background: url(../images/green_button_left.png) left top no-repeat;

	float: left;

	height: 26px;

	text-decoration: none;

}

.green_button span {

	background: url(../images/green_button_right.png) right top no-repeat;

	margin-left: 6px;

	padding: 0 9px 0 3px;

	line-height: 24px;

	height: 26px;

	float: left;

	text-decoration: none;

	color: #fff;

	font-size: 0.875em;

}

.black_button {

	background: url(../images/black_button_left.png) left top no-repeat;

	float: left;

	height: 26px;

	text-decoration: none;

}

.black_button span {

	background: url(../images/black_button_right.png) right top no-repeat;

	margin-left: 6px;

	padding: 0 17px 0 11px;

	line-height: 24px;

	height: 26px;

	float: left;

	text-decoration: none;

	color: #fff;

	font-size: 0.875em;

}

.green_large_button {

	background: url(../images/green_largebutton_left.png) left top no-repeat;

	float: left;

	height: 43px;

	text-decoration: none;

}

.green_large_button span {

	background: url(../images/green_largebutton_right.png) right top no-repeat;

	margin-left: 21px;

	padding: 0 33px 0 12px;

	line-height: 39px;

	height: 43px;

	float: left;

	text-decoration: none;

	color: #fff;

	font-size: 1.25em;

	text-shadow: 1px 1px 2px #000;

}

.red_small_button {

	background: url(../images/smallred_button_left.png) left top no-repeat;

	float: left;

	height: 21px;

	text-decoration: none;

}

.red_small_button span {

	background: url(../images/smallred_button_right.png) right top no-repeat;

	margin-left: 5px;

	padding: 0 5px 0 0;

	line-height: 21px;

	height: 21px;

	float: left;

	text-decoration: none;

	color: #fff;

	text-transform: uppercase;

	font-family: Arial;

}

.red_Xsmall_button {

	background: url(../images/red_xsmall_left.png) left top no-repeat;

	float: left;

	height: 17px;

	text-decoration: none;

}

.red_Xsmall_button span {

	background: url(../images/red_xsmall_right.png) right top no-repeat;

	margin-left: 5px;

	padding: 0 20px 0 15px;

	line-height: 17px;

	height: 17px;

	float: left;

	text-decoration: none;

	color: #fff;

	text-transform: uppercase;

	font-family: Arial;

}

.red {

	color: #f40301;

}

.green {

	color: #53ba15;

}

.left {

	float: left;

}

.right {

	float: right;

}

img {

	border: 0;

}

.clear {

	clear: both;

}

/***************** header starts here **********************/

#header {

	float: left;

	width: 100%;

}

#header .logo {

	float: left;

	padding: 21px 0 5px;

}

#header .right_head {

	float: right;

	width: 600px;

}

#header .social {

	float: right;

	padding: 10px 3px 26px 0;

}

#header .social ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#header .social li {

	float: left;

	padding-right: 6px;

}

#header .btm_head {

	float: left;

	width: 100%;

}

#header .nav {

	float: right;

	width: 446px;

	position: relative;

	z-index: 1000

}

#header .nav ul {

	float: left;

	width: 100%;

	list-style: none;

	margin: 0;

	padding: 0;

}

#header .nav li {

	float: left;

	padding-right: 60px;

	line-height: 26px;

	position: relative;

}

#header .nav li a {

	text-decoration: none;

	color: #262626;

	float: left;

	font-size: 0.875em;

}

#header .nav li a:hover {

	color: #c90203;

}

#header .nav li.active a {

	color: #c90203;

}

#header .nav li:hover a {

	color: #c90203;

}

#header .nav li ul {

	display: none;

	position: absolute;

	width: 213px;

	top: 95%;

	z-index: 1000;

	padding-bottom: 5px;

	left: -15px;

}

#header .nav li ul li {

	width: 215px;

	float: left;

	line-height: 11px;

}

#header .nav li ul li.top {

	width: 100%;

	float: left;

	line-height: 0;

*height:13px;

}

#header .nav li ul li.top img {

	line-height: 0;

}

#header .nav li ul li a {

	color: #fff;

	float: left;

	width: 195px;

	background: #c90203;

	font-size: 0.6875em;

	padding: 0 0 10px 20px;

}

#header .nav li ul li a:hover, #header .nav li:hover ul li a {

	color: #fff;

	font-weight:bold;

}

#header .nav li:hover ul {

	display: block;

}

.signin {

	float: right;

	max-width: 110px;

}

.signin a {

	float: left;

	margin-right: 9px;

}

/***************** header ends here **********************/





/***************** body container starts here **********************/

#body_container {

	float: left;

	width: 100%;

}

.slider {

	float: left;

	width: 100%;

	padding-bottom: 15px;

}

.slider ul {

	list-style: none;

	float: left;

	width: 100%;

	padding: 0;

	margin: 0;

}

.slider li {

	position: relative;

	display: block;

	line-height: 0;

}

.slider li .text {

	position: absolute;

	left: 400px;

	top: 52px;

	color: #3b3b3b;

	font-size: 0.8125em;

	line-height: 22px;

	width: 503px

}

.slider li .text h2 {

	margin: 0;

	color: #3b3b3b;

	font-size: 2em;

	font-weight: bold;

	padding-bottom: 10px;

}

.slider li .text h3 {

	margin: 0;

	color: #c90203;

	font-size: 1.5em;

	font-weight: normal;

	padding-bottom: 8px;

}

.slider li .text p {

	margin-bottom: 5px;

}

.slider li .paging {

	position: absolute;

	left: 0;

	bottom: 6px;

}

.slider li .paging li {

	float: left;

	padding-right: 13px;

}

.slider li .paging li a {

	float: left;

	background: url(../images/slider_bullets.png) left top no-repeat;

	height: 15px;

	width: 16px;

	text-decoration: none;

}

.slider li .paging li.active a, .slider li .paging li a:hover {

	background: url(../images/slider_bullets.png) left -15px no-repeat;

}

.slider1 {

	float: left;

	width: 100%;

	position: relative

}

.slider1 .paging {

	position: absolute;

	left: 0;

	bottom: 6px;

	z-index: 9999

}

.slider1 .paging li {

	float: left;

	padding-right: 13px;

}

.slider1 .paging li a {

	float: left;

	background: url(../images/slider_bullets.png) left top no-repeat;

	height: 15px;

	width: 16px;

	text-decoration: none;

}

.slider1 .paging li.active a, .slider li .paging li a:hover {

	background: url(../images/slider_bullets.png) left -15px no-repeat;

}

.slider .green_large_button span {

	font-size: 1.4em;

	line-height: 41px;

	padding: 0 21px 0 0

}

.slider .green_large_button {

	margin-right: 19px;

}

.slider .green_large_button span {

	font-size: 1.4em;

	line-height: 41px;

	padding: 0 21px 0 0

}

.slider .green_large_button {

	margin-right: 19px;

}

.bottom_data {

	float: left;

	width: 100%;

	border-radius: 15px;

	-moz-border-radius: 15px;

	position: relative;

	behavior: url(PIE.htc);

	background: #dedede;

	position: relative;

}

.bottom_data ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.bottom_data li {

	float: left;

	width: 331px;

	padding-bottom: 17px;

}

.bottom_data .head {

	float: left;

	width: 100%;

	background: url(../images/graybox_head_mid.jpg) left top repeat-x;

}

.bottom_data .left .head {

	border-radius: 15px 0 0;

	-moz-border-radius: 15px 0 0;

	position: relative;

	behavior: url(PIE.htc);

}

.bottom_data .last .head {

	border-radius: 0 15px 0 0;

	-moz-border-radius: 0 15px 0 0;

	position: relative;

	behavior: url(PIE.htc);

}

.bottom_data .head h3 {

	margin: 0;

	color: #fff;

	font-size: 1.125em;

	text-transform: uppercase;

	text-align: center;

	padding: 17px 0 7px;

	background: url(../images/graybox_head_sep.png) right center no-repeat;

}

.bottom_data .last .head h3 {

	background: none;

}

.bottom_data .body {

	float: left;

	width: 297px;

	font-size: 0.6875em;

	line-height: 18px;

	padding: 0 17px;

	color: #3c3c3c;

	margin-top: 17px;

	background: url(../images/graybox_text_sep.png) right top repeat-y;

}

.bottom_data .body .icon {

	float: left;

	padding-right: 8px;

}

.bottom_data .body p {

	margin-top: 0;

}

.bottom_data .last .body {

	background: none;

}

.bottom_shadow {

	float: left;

	background: url(../images/bottom_data_shadow.png) left top no-repeat;

	width: 1070px;

	height: 23px;

	margin: 2px 0 0 -34px;

	padding-bottom: 9px;

}

.welcome_box {

	float: left;

	width: 100%;

	background: url(../images/welcomebox_bg.jpg) left top repeat-x #530001;

	color: #fff;

	font-size: 0.75em;

	line-height: 20px;

	padding: 17px 0 15px;

}

.welcome_box h1 {

	font-size: 2.1em;

	font-weight: bold;

	color: #fff;

	text-shadow: 1px 2px 1px #000;

	margin: 0;

	padding: 9px 0 0;

}

.welcome_box .img {

	float: left;

	border: 5px solid #fff;

	border-radius: 3px;

	-moz-border-radius: 3px;

	margin-right: 15px;

	position: relative;

	behavior: url(PIE.htc);

}

.welcome_box p {

	margin: 0;

	padding: 8px 0;

}

.content {

	float: left;

	width: 100%;

	color: #3b3b3b;

	padding-bottom: 24px;

}

.content h3 {

	font-size: 1.4375em;

	text-transform: uppercase;

	padding: 16px 0 11px 5px;

	margin: 0;

*padding-bottom:0;

}

.content p {

	line-height: 20px;

	margin-bottom: 25px;

	font-size: 1em;

}

.content p img {

	padding: 10px 17px 10px 10px;

}

.content .green_large_button {

	margin: -20px 19px 0 0;

}

.left_container {

	float: left;

	width: 250px;

	padding-bottom: 15px;

}

.advt {

	float: left;

	border: 8px solid #dedede;

	border-radius: 15px;

	-moz-border-radius: 15px;

	margin-bottom: 3px;

	position: relative;

	behavior: url(PIE.htc);

}

.graybox {

	float: left;

	width: 100%;

	margin-bottom: 8px;

}

.graybox .head {

	float: left;

	width: 214px;

	background: url(../images/graybox_head_mid.jpg) left top repeat-x;

	font-size: 1.0625em;

*font-size:1.0125em;

	color: #fff;

	padding: 9px 18px;

	border-radius: 15px 15px 0 0;

	-moz-border-radius: 15px 15px 0 0;

	position: relative;

	behavior: url(PIE.htc);

}

.graybox .body {

	float: left;

	width: 214px;

	font-size: 0.6875em;

	line-height: 18px;

	padding: 5px 18px 10px;

	color: #3c3c3c;

	background: #dedede;

	border-radius: 0 0 15px 15px;

	-moz-border-radius: 0 0 15px 15px;

	color: #3c3c3c;

	font-size: 0.6875em;

	position: relative;

	behavior: url(PIE.htc);

}

.graybox .body ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.graybox .body li {

	line-height: 23px;

}

.graybox .body li a {

	text-decoration: none;

	color: #3c3c3c;

	text-transform: uppercase;

}

.graybox .body li li {

	float: left;

	width: auto;

	margin: 8px 0;

*margin-top:0;

}

.graybox .body li li a {

	color: #ca1011;

	line-height: 11px;

	padding: 0 9px;

	display: block;

	border-right: 1px solid #717171;

}

.graybox .body li li.first a {

	padding-left: 0;

}

.graybox .body li li.last a {

	padding-right: 0;

	border: none;

}

.graybox .body .buttons {

	display: block;

	clear: both;

	padding-top: 5px;

}

.graybox .body .buttons ul {

	display: block;

}

.graybox .body .buttons li {

	float: left;

	padding-right: 8px;

}

.graybox .body .buttons a {

*width:56px;

}

.right_container {

	float: right;

	width: 730px;

}

.right_container .graybox .head {

	width: 710px;

	max-height: 35px;

	padding: 6px 10px 7px;

}

.right_container .graybox .head select {

	width: 84px;

*width:72px;

	margin-right: 4px;

	font-size: 1em;

}

.right_container .graybox .head ul {

	list-style: none;

	float: left;

	margin: 0;

	padding: 0;

}

.right_container .graybox .head li {

	float: left;

	font-size: 0.625em;

	line-height: 22px;

	height: 22px;

}

.right_container .graybox .head li span {

	line-height: 22px;

	float: left;

	height: 22px;

	padding: 5px 0 0;

*padding:0;

}

.right_container .graybox .head li.addnew {

	padding-left: 5px;

*font-size:0.525em;

}

.right_container .graybox .head li.addnew img {

	float: left;

}

.right_container .graybox .head li.addnew a {

	color: #fff;

	text-decoration: none; /*font-size:0.6875em;*/

	font-weight: bold;

}

.right_container .graybox .body {

	width: 710px;

	font-size: 0.5625em;

	min-height: 400px;

	padding: 5px 10px 10px;

}

.right_container .graybox .body a {

	text-transform: none;

}

.right_container .graybox table {

	border-collapse: collapse;

	background: #fff;

	border-color: #828282;

}

.right_container .graybox td, .right_container .graybox th {

	text-align: left;

}

.right_container .graybox th {

	padding: 2px 5px;

}

.right_container .graybox th .uparrow {

	width: 7px;

	height: 7px;

	background: url(../images/sortarrow_up.jpg) left top no-repeat;

	display: inline-block;

	margin-left: 3px;

}

.right_container .graybox th .downarrow {

	width: 7px;

	height: 7px;

	background: url(../images/sortarrow_down.jpg) left top no-repeat;

	display: inline-block;

	margin-left: 2px;

}

.right_container .pagination {

	float: right;

	color: #fff;

	padding-bottom: 7px;

}

.right_container .pagination.btm {

	padding-top: 7px;

}

.right_container .pagination ul {

	list-style: none;

}

.right_container .pagination li {

	float: left;

	padding-left: 6px;

}

.right_container .pagination li a {

	float: left;

	width: 20px;

	height: 20px;

	background: url(../images/paging_sprite.png) -68px top no-repeat;

	color: #fff;

	text-align: center;

	line-height: 18px;

}

.right_container .pagination li a:hover {

	background: url(../images/paging_sprite.png) -68px -20px no-repeat;

}

.right_container .pagination li a.prev {

	width: 57px;

	background: url(../images/paging_sprite.png) left top no-repeat;

	padding-right: 10px;

	text-align: right;

}

.right_container .pagination li a.prev:hover {

	background: url(../images/paging_sprite.png) left -20px no-repeat;

}

.right_container .pagination li a.next {

	width: 57px;

	background: url(../images/paging_sprite.png) -89px top no-repeat;

	padding-left: 10px;

	text-align: left;

}

.right_container .pagination li a.next:hover {

	width: 57px;

	background: url(../images/paging_sprite.png) -89px -20px no-repeat;

	padding-left: 10px;

	text-align: left;

}

/***************** body container ends here **********************/





/***************** footer starts here **********************/

#footer {

	float: left;

	width: 100%;

	font-size: 0.6875em;

	color: #fff;

	background: #3b3b3b;

	border-bottom: 1px solid #484848;

}

#footer a {

	text-decoration: none;

	color: #fff;

}

#footer .nav {

	float: left;

	padding: 18px 0 15px;

}

#footer ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

#footer .nav li {

	float: left;

	line-height: 12px;

	background: url(../images/footer_sep.png) right center no-repeat;

	line-height: 11px;

}

#footer .nav li a {

	float: left;

	padding: 0 10px;

}

#footer .nav li.last {

	background: none;

}

#footer .copy {

	float: right;

	padding: 18px 0 15px;

}

#footer .copy li {

	float: left;

	padding: 0 10px;

	background: url(../images/footer_sep.png) right center no-repeat;

	line-height: 11px;

}

#footer .copy li.last {

	padding-right: 0;

	background: none;

}



.login {

	width:150px;

	margin-left:100px;

	margin-top:50px;

}



.login button {

	float:right;

	margin-top:10px;

}





table {

	width:100%;

}



/***************** footer ends here **********************/

.cms_image {

	border:thin #030 solid;

	float:left;

	margin-right:20px;

	margin-bottom:10px;

	padding:5px;

}



.cms_caption {

	text-align:center;

	width:300px;

	font-style:italic;

	line-height:normal;

	font-weight:700;

	font-size:12px;

	color:#005500;

}



.basic_package {

	background:url(../images/basic_background.jpg) no-repeat;

	width:450px;

	height:900px;

	float:left;

	margin-left:50px;

}



.premium_package {

	background: url(../images/premium_packground.jpg) no-repeat;

	width:450px;

	height:900px;

	float:left;

}



.package_heading {

	position:relative;

	margin: 0 auto;

	padding-top:170px;

	text-align:center;

	font-size:30px;

	color:#cc0000;

}



.package_heading span {

	color: #333333;

	font-size:20px;

}



.package_details {

	position:relative;

	margin: 0 auto;

	padding-top:50px;

	width:300px;

	text-align:left;

	font-size:20px;

	height:300px;

}



.package_details a {

	font-size: 20px;

	color:#333333;

	text-decoration:none;

}



.package_details a:hover {

	color:#cc0000;

}





.package_more {

	margin: 0 auto;

	width:300px;

	padding-top:100px;

	padding-left:135px;

}



.package_more a {

	margin: 0 autp;

	text-align:center;

}



.cms_offers_wrapper {

	padding-top:40px;

}



.cms_offer img {

	float:left;

	padding-right:20px;

}



.offer_title {

	font-size:20px;

	font-weight:900;

}



.offer_title a {

	color: #003300;

	text-decoration:none;

	font-size:24px;

}

.offer_details {

	width:400px;

	float:left;

}



.offer_details p {

	

}



.offer_details a {

	width: 270px;

	height: 70px;

	background: url(../images/request_offer.png) left top no-repeat;

	z-index: 9;

	float:right;

}



.offer_details a:hover {

	width: 270px;

	height: 70px;

	background: url(../images/request_offer_mo.png) left top no-repeat;

	z-index: 9;

	float:right;

}

/************* btn added by sathya *********************/

.btn.outlined {



color: #3675B4;



border: solid 1px #3675B4;



border-radius: 3px;



text-transform: uppercase;



background: #fff;



font-size: 10px;



}



.btn {



padding: 7px 12px;



/*margin: 15px;*/



border: none;



background: #666;



color: #ccc;



font-weight: bold;



text-decoration: none;



transition: all 0.35s;



-moz-transition: all 0.35s;



-webkit-transition: all 0.35s;



-o-transition: all 0.35s;



white-space: nowrap;



}



.btn.outlined:hover {



color: #fff;



border: solid 2px #3675B4;



background: #3675B4;



box-shadow: none;



}

.btn.outlined a:active {



color: #fff;



border: solid 2px #3675B4;



background: #3675B4;



box-shadow: none;



}

.gallery{ width:100%; float:left; /*margin-top:100px;*/}

.gallery ul{ margin:0; padding:0; list-style-type:none;}

.gallery ul li{ padding:7px; border:2px solid #ccc; float:left; margin:10px 7px; background:none; width:auto; /*height:auto;*/ height: 150px;}

#reorder-helper{margin: 18px 10px; padding: 10px;}

/* for album reoder and li box alignment */
#gallery .reorder-photos-list1{ margin:0; padding:0; list-style-type:none;}

#gallery .reorder-photos-list1 li{ float:left; background:none; width:auto; height: 370px;}

#reorder-helper1{margin: 18px 10px; padding: 10px;}


form #image_edit span{ font-size:14px;}
form #image_edit input{ width:300px;}
.gall_btn{ padding:5px; font-size:12px; font-weight:bold; margin-right:5px;}
.on_delete{border:#C00 solid 1px !important; }
.on_edit{border: solid 1px #3675B4;}


/* gallery progress bar css*/

.form-wrap{
    max-width: 500px;
    padding: 30px;
    background: #f1f1f1;
    margin: 20px auto;
    border-radius: 4px;
	text-align: center;
}
.form-wrap form{
	border-bottom: 1px dotted #ddd;
	padding: 10px;
}
.form-wrap #output{
    margin: 10px 0;
}
.form-wrap .error{
    color: #d60000;
}
.form-wrap .images {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 5px;
    margin: 5px 0;
}
.form-wrap .thumbnails {
    width: 32%;
    display: inline-block;
    margin: 3px;
}

/* progress bar */
#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#progress-wrp .progress-bar{
	height: 20px;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status{
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}




#upload{
	margin:30px 200px; padding:15px;
	font-weight:bold; font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:150px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status{
	font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:180px; max-height:150px; }
.success{ background:#99f099; border:1px solid #339933; }
.error{ background:#f0c6c3; border:1px solid #cc6622; }


.upload-statusbar {
border: 1px solid #0ba1b5;
margin-top: 10px;
width: 420px;
margin-right: 10px;
margin: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 5px 5px
}
.upload-filename {
width: 100%;
height: auto;
margin: 0 5px 5px 10px;
color: #807579
}
.upload-progress {
margin: 0 10px 5px 10px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block
}
.upload-bar {
background-color: #0ba1b5;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;
}
.upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin-right:5px;
}
.upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin-right:5px;
}
.upload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
   font-weight: bold;
	padding: 15px 20px;
	cursor:pointer;	
	line-height:20px;
	height:25px;
	margin:0 10px 10px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #888;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  box-shadow: 0 2px 0 0 #e8e8e8; 
  padding: 6px 10px 4px 10px; 
  color: #fff;
  background: #2f8ab9;
  border: none;
  -moz-box-shadow: 0 2px 0 0 #13648d;
  -webkit-box-shadow: 0 2px 0 0 #13648d;
  box-shadow: 0 2px 0 0 #13648d; 
  vertical-align:middle;  
  }
  
.upload:hover {
      background: #28759D;
      -moz-box-shadow: 0 2px 0 0 #15719f;
      -webkit-box-shadow: 0 2px 0 0 #15719f;
      box-shadow: 0 2px 0 0 #15719f;
}

.ajax-upload-dragdrop
{

	border:2px solid #000000;
	width:420px;
	color: #DADCE3;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;
}