@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

body, html { margin:0; padding:0; height:100%; width:100%;}

body { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #000000; -webkit-font-smoothing: antialiased;}
* { padding:0; margin:0;}
a:focus {outline:none;}
a { color:#000; text-decoration:none; }
a:hover { color:#e74c3c; text-decoration:none; }

/* Typography */
h1, h2, h3, h4, h5, h6, p, header, ul, li{ padding:0; margin:0; border:0; }
h1{ font-size:22px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
strong { color:#000;}
ul, li {list-style:none outside none;}
img, object, embed { max-width: 100%;}
img, a img { border:none; vertical-align: middle;}

/* clear , margin and padding */
.clearfix {*zoom: 1; }
.clearfix:before,
.clearfix:after {display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.clear { clear:both;}
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clr { font-size:1px}/*\*/

.left { float:left;}
.right {float:right;}
.pullLeft { float:left !important;}
.pullRight {float:right !important;}

.overflow { overflow: hidden; }
.linehei32 { line-height: 32px; }

.relative {  position: relative; }
.hide { display: none; }
.show { display: block; }
.link {color:#e74c3c;}
/* Color And Border*/

.greyBg{}
.whiteBg{width: 100%; background-color: #ffffff;}
.borBottom { border-bottom: 1px solid #eee; }



/* Padding */
.p2 { padding: 2px;}.p5 { padding: 5px;} .p10 { padding: 10px;} .p15 { padding: 15px;} .p20 { padding: 20px;}
.ptb2 { padding: 2px 0; } .ptb5 { padding: 5px 0;} .ptb10 { padding: 10px 0;} .ptb15 {border-bottom: 1px solid #ddd; width:auto !important; padding: 4px 11px;} .ptb20 { padding: 20px 0;}
.pl2 { padding-left: 2px; }  .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; }
.pr2 { padding-right: 2px; }  .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; }.pr22 { padding-right: 22px; }

/* Global Use */
.row {width: 100%; *zoom: 1; }
.row:before,
.row:after {display: table; line-height: 0; content: ""; }
.row:after {clear: both; }
.container{width: 800px; margin: 0 auto;}


/* Grid use for width */
.grid1 { width:480px }
.grid2 { width:440px }
.grid3 { width:400px }
.grid4 { width:326px }
.grid5 { width:390px }
.grid6 { width:286px }


/* Home page  */

	/* Header */
	#header { padding: 0;background: #f5f5f5;}
	#header.innerheader {position:fixed; z-index:2; top:0;} 
	/* Index logo */
	.logoWrap{padding:60px 0;}
	.logoWrap h1.logo {  }
	.logoWrap h1.logo a { background: url(../images/logo-beta.png) no-repeat 0 0; display: inline-block; width:306px; height:78px;  }

	#header h2.title { color: #111; font-size: 34px; font-weight: normal; margin-bottom: 60px;}
	#header h2.title span { font-weight: 700; }

	/*  Sign up and Feature Section */
	#signFeature { padding: 40px 0; }
	.fromCont {  }
	.fromCont h1 { font-size: 18px; color: #111; }
	.fromCont .formWrap { margin: 16px 0; overflow: hidden; }
	.fromCont .formWrap .fieldWrap { margin:0 0 24px; overflow: hidden; }
	.fromCont .formWrap .fieldWrap .link {color:#e74c3c;}
	.fromCont .formWrap .fieldWrap .fieldHalf{ line-height: 11px; *line-height: 20px; }
	.fromCont .formWrap .fieldWrap .msg { display: inline-block; line-height: 17px; width: 204px;}
	.featureSection { padding: 34px 0 0 0; }
	.featureSection .featureWrap{ overflow: hidden; margin-bottom: 30px;}
	.featureSection .logoWrap{ padding: 0; }
	.featureSection .txtWrap{  }
	.featureSection .txtWrap h1{font-size: 18px;font-weight: 600; margin-bottom: 4px;}
	.featureSection .txtWrap p {  }



/* Footer Page  */
#footer {padding: 0 0 20px; overflow: hidden;} 
.footer { margin: 0; padding: 0;  overflow: hidden;}
.footer li { list-style: none;  display: inline-block; *display: inline; margin: 0 20px 0 0; padding: 0; }
.footer li a{ font-size: 13px; }
.footer li a:hover{color:#ce483d;}
.copyright { color:#b2b1b1; font-size: 12px; margin-top: 10px; overflow: hidden;}



/* Sign in */
.signinWrap { margin: 100px;  background: none repeat scroll 0 0 #FFFFFF; left: 50%; margin: -200px auto auto -178px; padding:30px 30px 0; position: absolute; top: 50%; width: 296px; z-index: 2;}
.overlay { background:#111; opacity: .5; filter:alpha(opacity=50); width: 100%; height: 100%; position: fixed; z-index: 1; top: 0; left: 0;}
.close { background: url(../images/close.png) no-repeat 0 0;   display: inline-block; height: 24px; position: absolute; right: -10px; top: -10px; width: 24px;}


/* Share */

.shareWrap {background: white; width: 280px; padding: 14px; position: absolute; margin: 0; z-index: 99; left: 50%; margin-left: -140px; top: 50%; margin-top: -121px}
.input-append { overflow: hidden; margin: 8px 0; }
.input-append .input {float: left; width: 260px; padding: 8px;}
.input-append .add-on { float: left; }
.shareWrap .helpBlock { font-size: 12px; }
.arrow { background: url(../images/share-arrow.png) no-repeat 0 0; width: 23px; height: 12px; display: inline-block; position: absolute; top:-12px; left: 22px;}

.slimScrollBar { height: 50px !important; }
/*  Inner Page Style */
#dashboard { padding: 20px 0; margin-top:70px; *padding-top:90px; }
/* Inner page logo and dropdown*/
.innerlogoWrap {}
.innerlogoWrap h1.logo {  }
.innerlogoWrap h1.logo a {width:180px; height: 32px;  }

.userSetting { margin-top: 6px;}
.userSetting ul.userCont { list-style: none; padding: 0; margin: 0; float: right; }	
.userSetting ul.userCont li { margin: 0; padding: 0 0 0 20px; display: inline-block; *display: inline;}	
.userSetting ul.userCont li a { color: #111; }
.userSetting ul.userCont li a:hover { color: #ce483d; }
.userSetting ul.userCont li .menu {  min-width: 120px;  background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #ECECEC; border-radius: 3px 3px 3px 3px; display: inline-block; list-style: none outside none; margin-top: 10px; padding: 0; position: absolute; right: 0; text-align: right; top: 15px; z-index: 9; }
.userSetting ul.userCont li .menu:before , .userSetting ul.userCont li .menu:after {  border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; right:2px; position: absolute; }
.userSetting ul.userCont li .menu:before {border-bottom: 6px solid #ECECEC; top: -6px; }
.userSetting ul.userCont li .menu:after {border-bottom: 6px solid #FFFFFF;  top: -5px; }
.userSetting ul.userCont li .menu li {   border-bottom: 1px solid #ddd; display: block; margin: 0; padding: 4px 24px; }
.userSetting ul.userCont li .menu li:last-child {   border-bottom: none;}
.userSetting ul.userCont li .menu li a{ color: #111; }	
.userSetting ul.userCont li .menu li a:hover{ color: #E74C3C; }	

/* file flow */

.uploadWrap {  border: 1px solid #fff; overflow: hidden; padding: 10px 0; position: relative; margin-bottom:20px}
.uploadWrap .closeWrap{display: none;}
.uploadWrap:hover{ border:1px solid #EFEFEF; } 
.uploadWrap:hover .closeWrap{ position: absolute; top:10px; right: 10px; width: 18px; height: 18px; display: inline-block;  }

.uploadWrap ul { list-style: none; padding: 0; margin: 0;  }
.uploadWrap ul li { margin: 0 8px; padding: 0; float: left; width:140px; text-align: center}
.uploadWrap ul li span { color: #111111; display: block; font-size: 1.1em;line-height: 15px; margin-top: 10px;}

.fileWrap { background:#f5f5f5; padding: 16px 27px 13px; overflow: hidden; border: 1px solid #ebebeb;}
.fileWrap h1 { font-size: 16px; color: #111; font-weight: 600;}

.formInline { overflow: hidden; margin-top: 9px}
.formInline .input-append{width: 305px; float: left; margin: 6px 8px 6px 0; }
.formInline .input-append label{ font-size: 13px; color: #111; display: none; margin: 6px 0;}
.formInline .input-append input[type="text"]{ border:1px solid #cbcaca; padding: 8px 6px; float:left; margin-bottom: 5px;}
.formInline .input-append .helpBlock{ color: #333; font-size: 10px; display: block;  padding: 5px 0;}
.formInline .appendBtn { float: left; margin-top: 6px; }
	
/* Listing */
.dashList { margin: 15px 0; }
.dashList ul.listWrap { list-style: none; margin:0; padding: 0; }
.dashList ul.listWrap li {    border-bottom: 1px solid #eee; margin: 0; padding: 12px 0; float: left; width: 100%; position:relative;}
.dashList ul.listWrap li:hover {background:#f9f9f9;}
.dashList ul.listWrap li .leftSection { float: left; width: 100%; margin-right: -300px; }
/*.dashList ul.listWrap li .leftSection .imgWrap { overflow: hidden;  margin-right: 20px; float: left; border: 1px solid #DBDBDB;}*/

.dashList ul.listWrap li .leftSection .imgWrap {   margin-right: 20px; float: left; border: 1px solid #DBDBDB; position: relative;}
.dashList ul.listWrap li .leftSection .imgWrap .tooltip{ display: none;}
.dashList ul.listWrap li .leftSection .imgWrap:hover .tooltip{ white-space: nowrap; background-color: #111111; color: #FFFFFF; display:block; font-size: 12px; left: 90px; padding: 5px 12px; position: absolute; top: 22px; width: auto; z-index: 55;}
.imgWrap .tooltip:before{border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #111111; content: "";
							left: 50%; margin-left: -6px; position: absolute; left: 0px; }


.dashList ul.listWrap li .leftSection .description { width: auto; margin-left: 100px; }
.dashList ul.listWrap li .leftSection .description h1{ font-size:14px; font-weight: 600; }
.dashList ul.listWrap li .leftSection .description p{ font-size: 12px; margin: 6px 0; padding: 0; line-height: 18px;}
.dashList ul.listWrap li .leftSection .description a{  text-decoration: underline;margin-right:12px; }
.dashList ul.listWrap li .rightSection{ float: right; position:absolute; bottom:10px; right:0;}
.dashList ul.listWrap li .rightSection .optionWrap {position: relative; float: left; background:#f5f5f5; border: 1px solid #dedede; border-top: none; border-left: none; padding: 5px 8px; cursor: pointer;}


.dashList ul.listWrap li .rightSection .optionWrap .optionInner { background: none repeat scroll 0 0 #F5F5F5; border-color: #E7E7E7; border-style: solid solid none; border-width: 1px 1px medium; position: absolute; right: -1px; top: 39px; *top: 37px; z-index: 1; *z-index: 10; }
.dashList ul.listWrap li .rightSection .optionWrap .optionInner:before {  border-bottom: 8px solid #f5f5f5; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; position: absolute; right: 2px; top: -8px; }
.dashList ul.listWrap li .rightSection .optionWrap .optionInner a{ white-space: nowrap; border-bottom: 1px solid #E2E2E2; display: block; font-size: 12px; line-height: 20px; padding: 2px 14px; }

.dashList ul.listWrap li .rightSection .optionWrap .tooltip{ display: none;}
.dashList ul.listWrap li .rightSection .optionWrap:hover .tooltip{ white-space: nowrap;background: none repeat scroll 0 0 #111111; color: #FFFFFF; display: inline-block; font-size: 12px; left: -12px; padding: 5px 12px; position: absolute; top: -34px; width: auto;}
.optionWrap .tooltip:before {border-top: 6px solid #111111; border-left: 6px solid transparent; border-right: 6px solid transparent; content: "";
								left: 50%; margin-left: -6px; position: absolute; bottom: -6px; }


/* shareProof light box*/
.shareProof { position: fixed; height: auto; padding:20px 24px; background: #fff; top:10%; left: 50%; z-index: 9999; width: auto; margin-left: -345px; *width: 700px;  }
.shareProof.half { margin-left: -212px; *width:422px; }
.shareProof h1{ font:600 18px/18px 'Open Sans'; }
.shareProof  .shareList { overflow: hidden; margin:20px 0 10px; padding: 0; }
.shareProof  .shareList .imgWrap { float: left; margin-right: 10px;  border:1px solid #dbdbdb;}
.shareProof  .shareList .desp { margin-left: 40px; }
.shareProof  .shareList .desp h1 { font-size: 18px;  margin-bottom: 10px;}
.shareProof  .shareList .desp p { font-size: 12px; }

.shareSection {  }
.shareSection .leftSection{ float: left; width: 424px; }
.shareSection .leftSection .shareForm{ overflow: hidden; margin: 10px 0; }
.shareSection .leftSection .shareForm label { font-size: 14px; }
.shareSection .leftSection .legend legend { color:#E74C3C; font-size: 14px; display: inline-block; cursor: pointer;}
.shareSection .leftSection .shareForm label em { color: #757575; font-size: 13px; }
.shareSection .leftSection .shareForm textarea { border: 1px solid #b4b4b4; width: 99%; height: 128px; resize:none; }
.shareSection .leftSection .shareForm input[type="text"] { width: 96%; padding: 6px;}
.shareSection .leftSection .shareForm input[type="text"].input-mini { width: 166px; }
.shareSection .leftSection .shareForm .shareField.left { width: 186px; }
.shareSection .leftSection .shareForm .sharebtn  { margin-top: 25px;}

.shareSection .leftSection .shareBtnwrap { margin: 20px 0 0; }
.shareSection .leftSection .shareBtnwrap .btn { padding: 6px 10px; }

.shareSection .rightSection { float: right;  margin-left: 20px; }
.shareSection .rightSection .popCont{position: relative;  background: #e74c3c; list-style: none; padding: 9px 20px; margin-top: 35px; width: 220px; }
.shareSection .rightSection .popCont:before {   border-bottom: 18px solid transparent; border-right: 28px solid #e74c3c; border-top: 18px solid transparent; content: ""; position: absolute; left: -14px; top: 4px; z-index: -1; }
.shareSection .rightSection .popBox{ list-style: none; width: 220px; }
.shareSection .rightSection .popBox li{ background: url(../images/bottomLine.png) no-repeat center bottom; padding: 5px 0;}
.shareSection .rightSection .popBox li:last-child { background: none; }
.shareSection .rightSection .popBox li .iconUser { float: left;     margin-top: 3px;}
.shareSection .rightSection .popBox li .name{ color: #fff; font-size: 14px; line-height: 17px; margin-left: 25px;  display: block;}
.shareSection .rightSection .popBox li .name span { display: block; }
.shareSection .rightSection .popBox li .name small { display: block; }
.shareSection .rightSection .popBox li.disable{ background: url(../images/bottomLine.png) no-repeat center bottom;}
.shareSection .rightSection .popBox li.disable .iconUser {background-position:-160px -249px}
.shareSection .rightSection .popBox li.disable .name{ color: #a41506;}


/* form field , Button Styles  */
label { display: block;  font-size: 13px;  margin: 2px 0 4px;}
label span { font-weight: 600; }

input[type="text"] , input[type="password"] {  border: 1px solid #b4b4b4; display: inline-block; padding:10px; /*color: #222;*/ font-size: 14px; -webkit-appearance:  none; -moz-appearance:  none;  border-radius: 0;}
input[type="text"]:focus , input[type="password"]:focus {color: #222;  }
input[type="text"].disable { background:#eaeaea; border: 1px solid #dfdfdf;}
.input-mini { width: 136px; }
input.input-small {width:184px;}
.input-medium { width: 200px; }
.input-xlarge { width: 287px; }
.input-xlarge2 { width: 274px; }
.input-xxlarge { width: 93%; }
.input-xxlarge2 { width: 50%; }

input[type="checkbox"] { margin:0 10px 2px 0; }

	/*   Button */
.btn {cursor: pointer; overflow: visible;
	background: none repeat scroll 0 0 #E74C3C;
	 border: medium none; color: #FFFFFF;
	  display: inline-block;  *display: inline;
	  /*font: 700 25px/normal 'Open Sans';*/
		font-size: 25px;
		line-height: 20px; line-height: 24px\9; *line-height:19px;
	   padding: 2px 0; text-align: center; 
	   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); 
	   -moz-text-shadow:0px -1px 0px rgba(0, 0, 0 , .2);
	    -khtml-text-shadow:0px -1px 0px rgba(0, 0, 0 , .2);
	     -webkit-text-shadow:0px -1px 0px rgba(0, 0, 0 , .2);
	      width: 100%;}

.btnxlarge { width: 100%; padding: 10px 0;}
.btn:hover { color: #fff; text-decoration: none;}


.btnLink { background: none; color: #e74c3c; }
.btn.block { display: block; }


.btnSmall { font-weight: 400; padding:6px 20px; padding:5px 20px\9; margin-top: -1px\9; font-size: 16px; width: auto;}
.btnMini { font-size: 16px; font-weight: 400; padding: 4px 5px; width: auto;  margin-top: 1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btnSmall{padding:7px 20px}
}


.file-wrapper { background-color: #FFFFFF; display: block; min-height: 18px; min-width: 92%; overflow: hidden; position: relative; width: 291px;}
.file-wrapper .file-holder { white-space: nowrap;  border: 1px solid #CBCACA; display: inline-block; border-right: none; font-size: 13px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; width: 203px;padding-left: 5px; float: left;}
.button-file { font-size: 15px; background: none repeat scroll 0 0 #aaa; color: #eee; cursor: pointer; display: inline-block; float: right; line-height: 34px; margin: 0; padding: 0 10px; }
.file-wrapper input { cursor: pointer; font-size: 100px; height: 100%; filter: alpha(opacity=1);  opacity: 0.01; position: absolute; right: 0; top: 0;}

/*  Icons */

[class^="icon"],
[class*=" icon"] {display: inline-block; width: 77px; height: 71px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url(../images/sprite.png); background-repeat: no-repeat; }


.iconMini {height: 16px; width: 7px; margin-top: 0;}
.iconSmall { width: 18px; height: 18px; } 
.iconBig { width: 106px; height: 75px; } 


.iconUpload { background-position:0 0;  }
.iconNote { background-position:0 -89px;  }
.iconShare { background-position:0 -173px;  }
.iconInnerlogo { background-position:-191px -1px;}
.iconArrow { background-position:4px -242px ;  }

.iconUploadfile { background-position:-80px 2px ; }
.iconArrowright { background-position:-179px -34px; }
.iconAddnote { background-position:-87px -86px ; }
.iconShareproof { background-position:-85px -166px; }


.iconPrev { background-position:-76px -243px;}
.iconNext { background-position:-76px -261px;}
.iconClose { background-position:-113px -252px; }
.iconLink { background-position:-17px -287px;}
.iconProofit { background-position:-18px -246px;}
.iconShareit { background-position:-42px -246px;}
.iconOption { background-position:-63px -246px;}
.iconUser { background-position:-136px -249px;}

.rightSection .optionWrap:hover .iconLink { background-position:-41px -287px;}
.rightSection .optionWrap:hover .iconProofit { background-position:-18px -264px;}
.rightSection .optionWrap:hover .iconShareit { background-position:-42px -264px;}
.rightSection .optionWrap:hover .iconOption { background-position:-63px -264px;}
.pagination ul.sdp-pagination > li.paginate > a.iconPrev:hover { background-position:-96px -246px;}
.pagination ul.sdp-pagination > li.paginate > a.iconNext:hover { background-position:-96px -263px;}

/*  Pagination */
.pagination { float: right; margin-top: 20px; width: auto !important;}
.pagination ul.sdp-pagination { display: inline-block; margin-bottom: 0; margin-left: 0; }
.pagination ul.sdp-pagination > li { display: inline; line-height: 20px; width:auto; border:none;}
.pagination ul.sdp-pagination > li > a, .pagination ul > li > span {background-color: #F4F4F4; border-color: #DDDDDD; border-style: solid; border-width: 0 1px 1px 0; float: left; line-height: 16px; margin-right: 3px; padding: 5px 11px; text-decoration: none; }
.pagination ul > li > span { color: #E74C3C }

/*Logout*/
.marginRight{margin-right:20px;}

.logoutmain{width: 350px; float: left;}
.settingUser{width: 326px; position: relative; margin-top:6px;}

.settingUser .welcome{width: auto; padding-right: 20px; float: right; cursor:pointer;}
.settingUser .welcomeName{float: right; cursor: pointer; }
.userDropdown{width: 218px; background: #fff; border: 1px solid #d2d2d2;  position: absolute; right: 0px; top: 30px; box-shadow: 0px 0px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.1); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.1);}

.userDropdown .userDetail{padding: 15px 20px 20px 20px; position: relative;}
.userDropdown .userDetail .arrow{width: 18px; height: 13px; background: url(../images/top-arrow.png) no-repeat; left:160px; top: -13px; position: absolute;}

.userDropdown .userDetail h3{font-size: 14px; color: #000; font-weight:600;}
.userDropdown .userDetail p{font-size: 12px; color: #000;}
.userDropdown .userDetail .useSpace{padding: 10px 0 0 0 ; }
.userDropdown .userDetail .useSpace span{padding: 0 5px 0 0 ; font-size: 14px; color: #828282; display: block; line-height: 30px;}
.userDropdown .userDetail .useSpace .progressbarOuter{width: 100%; background-color:#eeeeee; overflow: hidden; height: 5px; box-shadow: inset 0px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,.1); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);}
.userDropdown .userDetail .useSpace .progressbarOuter .progress{width: 15%; background-color:#d53424; height: 5px;}
.userDropdown .userMenu{width: 100%;}
.userDropdown .userMenu ul{margin: 0; padding: 0 0 10px 0 ; list-style: none; }
.userDropdown .userMenu ul li{ height: 30px;}
.userDropdown .userMenu ul li a{height: 30px;display: block; padding-left: 40px; line-height: 30px; font-size: 13px; font-weight: 400; text-decoration: none; }
.userDropdown .userMenu ul li a:hover{color: #e74c3c; background-color: #eee;}

.userDropdownIcon{background-position:-63px -246px;background-image:  url(../images/sprite.png); background-repeat: no-repeat; height: 20px; width: 20px; float: left; margin-top: 4px; margin-left: 17px;}
.userDropdownIcon.upgrade{background-position:-15px -315px; }
.userMenu li:hover .upgrade{background-position:-15px -345px; }

.userDropdownIcon.logout{background-position:-49px -314px; }
.userMenu li:hover .logout{background-position:-49px -344px; }

.userDropdownIcon.changePass{background-position:-83px -313px; }
.userMenu li:hover .changePass{background-position:-83px -343px; }

/*-----------------Proofmini upgrade css--------------*/
.upgradeSection{width: 800px; text-align: center;}
.priceBox{width: 266px; display: inline-block; vertical-align: top; text-align: center; height: 490px; margin: 0;}
.priceBox:hover{background-color: #f9f9f9}
.priceBox img{margin: 15px 0 }
.priceBox h3{font-size: 24px; color: #000; line-height: 35px; font-weight: 400; margin: 7px 0}
.priceBox p{font-size: 15px; color: #515151; line-height: 22px}
.priceBox span {font-size: 40px; color: #000000; line-height: 60px; font-weight: 600;}
.priceBox span em{font-size: 15px; color: #767676; font-weight: 300;}
.priceBox a{font-size: 18px; font-weight: 600; padding: 4px 20px; width: auto;  margin-top: 15px; background-color: #e74c3c; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); 
			-moz-text-shadow:0px -1px 0px rgba(0, 0, 0 , .2);    
			-khtml-text-shadow:0px -1px 0px rgba(0, 0, 0 , .2);
			-webkit-text-shadow:0px -1px 0px rgba(0, 0, 0 , .2);}
.priceBox .detail{font-size: 12px; color: #807e7e; line-height: 16px; padding: 15px; margin-top: 10px;}			
.priceboxWidth{width: 398px;}
.redColor{color: #e74c3c !important}
.borderRight{border-right: 1px solid #EFEFEF}
.priceBoxMarginTop{margin-top:115px !important; }

/*-----------------Why Proofmini?  css--------------*/
.heading{color: #111; font-size: 34px; font-weight: normal; margin-bottom:60px;}
.whyMiniWrap{width: 399px; margin-bottom:45px; }
.whyMiniWrap .imageArea{width: 100px; float: left; padding-top: 2px}
.whyMiniWrap .description{width: 280px; float: left; }
.whyMiniWrap .description h3{font-size: 18px; font-weight: 600; margin-bottom: 12px; line-height: 20px;}
.whyMiniWrap .description p{font-size: 14px; line-height: 20px; }
.whyMiniWrap .description ul{list-style: none; display: block;}
.whyMiniWrap .description ul li{display: block; background: url(../images/bullet-point.png) no-repeat 0 10px; line-height: 20px; padding: 3px 0 3px 15px; font-size: 14px}

.commentNote{background-position:-107px -378px ; width: 100px; height:90px;}
.accuarcy{background-position:-102px -483px ;  width: 100px; height:90px;}
.typicalUse{background-position:0px -378px ;  width: 100px; height:90px;}
.reasons{background-position:0px -481px ;  width: 100px; height:90px;}

/*-----------------contact support css--------------*/
.ss-form-entry label.ss-q-title, .ss-form-heading h3 { font-family:"Open Sans"; font-weight:600; font-size: 18px;}
h1.ss-form-title { font-size:20px; color: #000;  font-weight: 600; }
.ss-required-asterisk { color:#C43B1D; }
.ss-form-entry {  margin-bottom: .4em; overflow: hidden;}
.ss-form-entry h2.ss-section-title {font-size: 20px; margin-bottom: 10px; font-weight: 400;}

.ss-form-entry label.ss-q-title {display:block; font-size:14px;}
.ss-form-entry label.ss-q-help {display: block; color: #333333; font-size: 13px;}
#inner-page .ss-form-entry h2.ss-section-title {font-size: 20px; margin-bottom: 10px; }
.ss-form-entry textarea { width: 99%; }
.caps{text-transform: uppercase;}


/*---------------------thanku-------------*/
.thankuHeading{color: #111; font-size: 34px; font-weight: normal; margin-bottom:20px;}
.thankuText{font-size: 15px; line-height: 25px; margin-bottom: 25px;}

/*terms*/
.terms{width: 100%;}
.terms a{color:#e74c3c; text-decoration:none;}
.terms .heading2{color: #111; font-size: 34px; font-weight: normal; }
.terms h3{font-size: 18px;}
.terms p{font-size: 14px; line-height: 20px; padding: 7px 0;}
.terms ol {list-style-type: decimal inset; margin-left: 30px;}
.terms ol li{list-style-type: decimal; font-size: 14px; padding: 3px;}

/* css added by ravneet */
input.error { border: 1px dotted #FF0000; }
.dateTime.today { background-color: #FF0; padding: 0 2px; color: #666;}
.copyText { padding: 5px !important; width: 93.9%; }
.half .copyText { width: 89%; }
.highlight { background: #FCFBB8; }
.dashboardMsg { margin-bottom:15px; padding:12px 15px; border:dotted 1px #F9CF51; display:block; background:#FCFBB8; font-size:14px; color:#f00; }
.canvasloader { background-color: #E74C3C; color: #FFFFFF; float: left; height: 30px; line-height: 38px; margin: 11px 0 0; padding: 2px 22px; }
.canvasloader1 { background-color: #E74C3C; color: #FFFFFF; height: 34px; line-height: 40px; padding: 0 34px; width: 29px; }

/* dialog box css */
.ui-dialog { width: 415px !important; border-radius: 0 !important; }
.ui-dialog-titlebar, .ui-button { border-radius: 0 !important; }
.ui-dialog-content { overflow: hidden !important; height: 40px !important; }
.ui-button.ui-button-text-only { background: #E74C3C !important; border: 0 none !important; color: #FFFFFF !important; }