@media only screen and (max-width: 480px) 
{
	ul.socialIcons {
		width:22.5%;
	}
	body.LogOn 
	{
		background:black url(images/layout/loginpage/bg_mobile.jpg) no-repeat center center;
		width: 100%;
		min-height:100%;
		background-size: cover;
	}
	
#login_third_column {
	margin-left:2%;
	width:20%;
	padding-top: 35%;
}
.logon-type-text {
	text-align:center;
}
.container { width: 300px; }
.footerSectionAll { width: 312px; }
.footerSectionIE { width: 327px; }
.div-border-background{width: 300px; margin-bottom: 14px;margin-left:0px;}
.BrowseBtn {left: 20.5%;}
.div-border-background_2 {
margin-bottom: 14px;
width: 300px;
height: 389px;}
.ActionBtn3 {margin: 0px 10px 20px 20px;}
.ActionBtn4{margin: 0px 0px 0px 0px;}
.ActionBtn2{margin: 0px 0px 0px 0px;}
#main_signature{
height: 232px;
line-height: 23px;}
.Sign #main , .GrSignatures #main
{padding: 30px 0px 70px 0px;}
#box2_shadow {
top: 11px;}
#page{background-size: 100% ;}
ul#menu li { display:none; }
ul#menu:after {display:block;}
nav select { display: block; }
#TopRibbon h1:before {width: 100%;}
#header_shadow {left:0;width: 100%;}
.ActionBtn {display: block;}
.div-left-alignment {width: 80%;margin-bottom: 8px;}
.div-center {background: none; margin: 16px 0px 70px 0px;}
.small-div-border-background {text-align: left; margin: 0; top:3px}
.one_third_column 
{
    width: 195px; 
    left: 1%; 
    display:block;
    margin-bottom: -55px;
}
.img_sign , .img_select , .img_save{ background-size: 100% auto;}
#second_ribbon_login h2{ font-size: 12pt;}
.m-bot-26 , .m-bot-25 {width:98%}
.under-top h1{background-position: 178px 57px; height: 128px; left: 0px; background-size: 22%;}
.RefreshBtn{left: 20%;}
.under-top h2{font-size: 9pt;line-height: 22px;}
.m-bot-27{width: 85%;}
.ui-tabs .ui-tabs-nav li a {padding: 4px 9px 28px 4px; font-size: 13px;}
.under-top_signature h1 {font-size: 25pt;}
.m-bot-28{width: 100%;}
#InputTabs { width:100%}
.ui-tabs .ui-tabs-nav li {width: 33.2%; left: 0.5%;}
#SketchTab a, #SketchTab a:hover , #SketchTab.ui-state-active a:link {background-position: 38px 27px; width: 92%;}
#UploadTab a, #UploadTab a:hover , #UploadTab.ui-state-active a:link {background-position: 41px 27px; width: 94%;}
#TypeTab a, #TypeTab a:hover , #TypeTab.ui-state-active a:link {background-position: 32px 32px; width: 86%;}
.SigImagePreview{height: 74px; width: 130px;}
.RemoveImage {left: 82%; background-size: 85%;}
.RemoveImage:hover {left: 82%; background-size: 85%;}
#Sub_SignImages{left: 4px;}
#SignImages {padding-top: 16px;}
.TabTableContent{width: 100%;}
.SketchArea{width: 100%; height: 150px; margin-left:-19px;}
.Sketcher {width: 85%; height: 120px; margin-bottom: -19px;}
.SketchAreaCustomer{height: 150px;}
.SketcherCustomer {width: 85%; margin-bottom: -19px; height:120px;}
#SketchEraseBtnCustomer { margin: 25px 0 0 6px; }
#SketchEraseimgCustomer { margin: 25px 0 0 19px; }
.GrSelectionAndSketch {height: 200px;}
#VESketchInvalidCustomer { margin-top:40px; }
#TdAgent,
#TdCustomer
{
    width:50%;
}
.TabTableContent h2 {font-size:13pt}
#InputSketch {background-position: right -102px; width:100%; background-size: 87%; overflow: hidden;}

 .CloudActionBtnOne
 {
     margin-right: 88px;
     margin-left: 88px;
 }
 
.CloudContainerOne
{
    width: 300px;
    padding-left: 0px;
    height: 240px;
}

#SampleDocPDF.BrowseBtnSampleDocAll { margin-left: 75px; }
#SampleDocWord.BrowseBtnSampleDocAll { margin-left: 15px; }

#SampleDocPDF.BrowseBtnSampleDocOne { margin-left: 85px; }
#SampleDocWord.BrowseBtnSampleDocOne { margin-left: 5px; }

.SignatureName {width: 124px; height: 32px;}
#InputSketch .SignatureName {width: 142px; height: 32px;}
.TypeInput 
{
	width: 100%; 
	height: 98px; 
	margin: auto;
}
#Input1InRow {
	display: block;
}
#Input3InRow {
	display: none;
}
#InputType {width: 91.4%; background-size: 78%; overflow: hidden; right: 8.5px; background-position: 91% 10%;}
#InputUpload {background-position: 16% 23%; width: 87.9%; background-size: 99%;}
.SignaturePreview {width: 98%;}
.qq-upload-button {width: 62px; padding: 7px 0; font-size: 9px; border: 6px solid #DDD; }
.qq-upload-button:hover {top: 8px;}
.qq-upload-list li {
font-size: 9px;
}
.TabTableContent {font-size:12px}
.TabDoneBtn2, .TabDoneBtn{width: 80px; height: 32px;}
#InputType .SignatureName  {float:left}
.TabLink {width:65.35px;}
/*.TabInnerTableContent{display:none}*/
.m-bot-29{width: 89%;}
.m-bot-30{width: 88%;}
.under-top_cloudstorage h1 {background-position: 0px 10px; left: 14px; background-size: 16%; font-size: 26pt; line-height: 51px;}
.Box h1 {
	left: 65px;
    height: 60px;
    width: 250%;
}

.SkyDrive h1  {
	left: -1px;
    height: 60px;
    width: 120%;
    background-size: 20%;
}

.GoogleDrive h1 {
	left: -20px;
	height: 60px;
	width: 140%;
	background-size: 13%;
}


#signout a {font-size: 10px; padding: 5px 12px 5px 12px; line-height: 28px;}
#CloudStorageRefresh{display:none}
table.FileListTable {background-size: 81%;}
.td-size, .td-modified {font-size:9px;}
.td-name {font-size: 11px;}
.FileListTable td{ padding: 5px 2px 5px 2px;}
.FileListTable th { font-size: 12px;}
#table_grid_shadow {top: -40px;}
#CloudStorageLoginName {font-size: 9px;}
#PathItem {margin-left: 8px; line-height: 2.9em; font-size: 11px;}
.m-bot-31{width: 90%;}
.m-bot-32{width: 90%; margin-bottom: 10px ;}
.m-bot-33{width: 100%;}
.m-bot-34{width: 99%;}
.m-bot-35{width: 99%;}
.m-bot-36{width: 99%;}
.title-edit, .title-change-edit {padding: 16px 34px;}
#cjan {margin: 0px 2px 0px 1px; top: 1px;}
.display-label, .editor-label, .pwdexpired-label {width: 100%;}
#divReasons { width: 98%;}
#tblReasons, #addReason, #tlbSignDefaults { font-size: 11px;}
#tblReasons td { padding: 5px 0px 15px 10px;} 
.td-reason-text { width: 37%;}
.td-check-box { display: none;}
.td-reason-default { width: 23%;}
.td-reason-default a { padding: 3px 2px 3px 2px; font-size: 9px;}
.display-italic {font-size: 12px; margin-bottom: 17px;}
.select-advance {height: 47px; width: 138px; margin: 0 10px 0 0px;}
.Advanced_table td { font-size: 14px; padding: 10px 0px 9px 0px;}
#SignTypeDescr {font-size: 10px;}
#SaveSettingsBtn {left: 57%; padding: 16px 20px; top: 16px;}
#ChangePasswordRow a { padding: 15px 52px;}
.addReason td {padding: 15px 0px 15px 11px;}
#top_sign { height: 163px;}
.m-bot-40 { width: 100%;} .m-bot-41 { width: 100%;} .m-bot-43 {text-align: center; width: 300px;} 
.ValidationStatus 
{
	border: none;
	width: 15px;
	margin: 0px;
} 
.DoneButton {font-size: 13px; padding: 16px 5px 16px 5px;}
.AddSigButton {font-size: 13px; padding: 16px 5px 16px 5px; margin: 0px 0px 0px 0px;width: 147px} .rejectbutton { margin: 1px 1px 1px 1px;}
.zoominbutton { margin: 10px -6px 10px 2px;} #docPreviewParent {height: 763px;}
#ZoomIn1b, #ZoomIn1c  {display:none} /*.selectpageicon { right: 36px;}*/ .pagesbuttons { margin-bottom: 0px; display: inline-block; position: relative;} 
.undobutton {display:inline-block; padding: 16px 8px 16px 8px; margin: 1px 0px 1px 0px;}
.m-bot-50{width: 99%;} .m-bot-51{width: 99%;}
.Unsupported h1 {font-size: 25.07pt; margin-top: 42px;} .Unsupported h3, .Unsupported h2{ font-size: 10pt;}
 #Unsupportedimg { background-size: 100%;}
.m-bot-10 {width: 92%;} .m-bot-11 {width: 96%; margin-bottom: 10px;}
.under-top_homepage h1 { font-size: 31pt; line-height: 50px; margin-top: 28px;}
#TopRibbon h1 { font-size: 29pt; margin-top: 45px; line-height: 44px;}
#email_user {display:none;}
.td-reason-default-3 a { padding: 5px 8px 5px 16px;}
.zoominbutton, .zoomoutbutton {display: none;}
.arrow_nav2 {background-position: 2px 2px;} .arrow_nav { background-position: 7px 2px;}
	input.ActionBtn {
		width: 184px;
		font-family: Trebuchet MS, Verdana, Helvetica, Sans-Serif;
		font-size: 20px;
	}

	#ValidationSummery {

		width: 135% !important;
		float: none;
		margin-left: -38%;
		padding-left: 20%;
		text-align: center;
	}

	#SecondRibbonLogon h2 {
		font-size: 12pt;
	}
	
	.display-field, .editor-field {
		margin-left: 11%;
	}
	
	.PwdExpired
	{
		margin-left: 3.5%;
	}
    
    .SelectFileDivOne,
    .SelectFileDivNone,
	.Home .div-section {
		width: 100%;
		padding-left: 0px;
		margin-left: -10%;
	}
	/* Done dialog - start */
	#SendEmailMessage {
		width: 96%;
		margin-top: -5%;
		
	}
	#SendEmailTo, #SendEmailSubject {
		width: 89%;
		float: none;
	}
	
	#ToFildTD, #SubjectFildTD {
		float:left;
		margin-left:2%;
		width: 85%;
		text-align: center;
		margin-right:3%;
		margin-top: -2%;
		margin-bottom: -4%;
	}
	
	#SendMeCopyTD {
		float:left;
		margin-left:-9%;
		text-align: left;
		margin-top: -2%;
		margin-bottom: -4%;
	}

	#ToTextTD, #SubjectTextTD {
		margin-top: 1.5%;
		width: 105%;
	}
	
	.SendAccordionTable td {
		width: 100%;
		line-height: 26px;
	}
	#SaveCloudFileNameInput {
		width: 80%;
	}
	.DoneAccordionTable td {
		display: block;
		width: 100%;
	}
	#ConfirmClose {
		height: 115px;
	}
	/* Done dialog - end */
	/* Sign dialog - start */
	.NotSelectedSigImagePreview {
		height: 68px; 
		width: 119px;
		margin: 0 auto;
	    border:2px solid #ccc;
	}
	
	.SelectedSigImagePreview {
		height: 68px; 
		width: 119px;
		margin: 0 auto;
		border: 2px solid #b51f1f;
	}
	
	.ui-dialog .ui-dialog-title {
		top: 15px;
		font-size: 40px;
	}
	.td-width-50 {
		display: none;
	}
	
	.PrevImage {
		width: 26px;
	}
	.td-width-5 {
		padding: 0px 0px 0px 0px;
	}
	.td-width-90 {
		padding: 0px 0px 0px 0px;
	}
	.radiobtn-lable-span {
		font-size: 13px;
	}
	
	.PopupTimedMsg {
		height: auto;
		padding: 2px 2px 2px 2px; 
	}
		
	#SignDefaults td {
        font-size: 13px;
    }
    
    .ui-widget {
        font-size: 13px;
    }    
    
    .NextImage
    {
        width: 18px;
    }
    
    .PrevImage
    {
        width: 18px;
    }   
    
    .EditSettings {
        right: 7px;
        top: 10px;
    }    
    
    .CancelEdit {
        right: 7px;
        top: 10px;
    }
    
    .td-gr-image {
        height: 68px;
    } 
    
    #PromptDiv * td 
    {
        padding: 6px;
        display: block;
    }
    
    /* Sign dialog - end */
    
    /* Feedback dialog */
    #FeedbackMessage {
	    width: 270px !important;
    }
    .NotSelectedFeedbackDlgInnerButton {
	    width: 75px;
	    height: 148px;
    }
    .SelectedFeedbackDlgInnerButton {
	    width: 75px;
	    height: 148px;
	    border: 1.5px solid #b51f1f; 
    }
    #SendFeedbackButton {
	    width: 110px;
	    padding: 10px;
    }
    .FeedbackDialogInnerTable {
	    left:0%;
    }
    #FeedbackMode {
	    font-size: 0.85em;
    }
    #IdeaButton {
	    padding-bottom: 8px;
    }
    /* Feedback dialog - end*/
    .FloatingTimedMsg, .FloatingTimedMsgErr
    {
        bottom: 140px;
        width: 280px;
    }
    
    .ChangePwdBackGround, .IconsBackGround {
	    background: none;	      
    }
    
    .change-pwd-textbox {
        width: 230px;
    }
    
    #tblReasons .prompt-error-div 
    {
        width: 300%;
        font-size: 11px!important;
    }
    
    .SettingsActionBtn {
        padding: 15px 50px;
    }
    
    .AdvancedDescr, .hide-td
    {
        display: none;
    }
    
    .editor-label-OverwriteFile 
    {
        margin-left: 5px;
    }
    
    .SignButton
    {
	    padding: 3px 6px 3px 6px;
	    font-size: 12px;
    }
    
    .SelectFieldDialogDiv .ui-dialog-titlebar > .ui-dialog-title {
        font-size: 35px;
    }
    
    .DocHasNotBeenSignedMessage 
    {
        font-size: 7pt;
    }
    
    .SelectFieldItem
    {
        font-size:25px;
    }
    
     #SelectSigFieldDiv {
        padding: 15px 15px 0px 15px;
    }
    
    #ActionBtn3.CloudActionBtnAll3 {
	    margin: 0px 10px 20px 19.7px;
    }
    
    #ClickRibbonLogon h2 {
	    font-size:13px;
    }
    
    #BottomRibbonLogon  {
        margin-top: 30px;
        font-size: 10pt;
    }
    
    #GreyDiv {
	    padding-top: 10px;
    }
    
    /* Download File Page */
    
	header .logo { width: 60%; }
	
    #div-top-title { width: 90%; }
    #div-top-background { margin-top: 15px; }
    #div-options { margin-bottom: 25px; width: 69%}
    .top-second-sub-title { line-height: 18px; }
    .OptionCoSignAll2 { margin-left: 30px; }
    .OptionCoSignAll3 { margin-left: 30px; }
	.OptionCoSign { height: 50px; width: auto;}
        
}


@media only screen and (max-width: 767px) and (min-width: 480px)
{
	ul.socialIcons {
		width:16.5%;
	}
.logon-type-text {
	text-align:center;
}
#login_third_column {
	padding-top: 5%;
}
.container { width: 420px;}
.div-border-background {
margin-bottom: 14px;
width: 420px;
margin-left:0px;}
.BrowseBtn { left: 29%; }

#SampleDocPDF.BrowseBtnSampleDocOne,
#SampleDocPDF.BrowseBtnSampleDocAll
{ margin-left: 130px; }
#SampleDocWord.BrowseBtnSampleDocOne,
#SampleDocWord.BrowseBtnSampleDocAll
{ margin-left: 20px; }

.div-border-background_2 {
margin-bottom: 14px;
width: 420px;
height: 384px;}
.ActionBtn1, .ActionBtn3{
margin: 0px 20px 20px 56px;}
.ActionBtn2, .ActionBtn4 {
margin: 0px 21px 20px 40px;}
#main_signature {
height: 172px;
line-height: 23px;
font-size: 12px;}
.Sign #main , .GrSignatures #main
{padding: 30px 0px 70px 0px;}
#box2_shadow {
top: 5px;}
#page{background-size: 100% ;}
#TopRibbon h1:before {width: 69%;}
.ActionBtn {display: block;padding: 12px 14px; font-size: 19px;}
.div-left-alignment 
{
	float: left;
	margin-bottom: 10px;
	width: 74%;
}
.div-center {background: none;height: 189px; position: relative;}
.small-div-border-background {left: 0;}
.one_third_column {width: 136px; left: -7%;}

.img_sign , .img_select , .img_save{ background-size: 100% auto;}
.m-bot-26 , .m-bot-25 {width:98%}
.under-top h1{background-position: 190px 0px;height: 129px;left: 37px; background-size: 25%;}
.RefreshBtn {left: 29%;}
.m-bot-27{width: 80%;}
.m-bot-28{width: 100%;}
.ui-tabs .ui-tabs-nav li {width: 33.2%; left: 0.5%;}
#SketchTab a, #SketchTab a:hover , #SketchTab.ui-state-active a:link {background-position: 17px 21px;}
#UploadTab a, #UploadTab a:hover , #UploadTab.ui-state-active a:link {background-position: 13px 21px;}
#TypeTab a, #TypeTab a:hover , #TypeTab.ui-state-active a:link {background-position: 12px 25px;}
.SigImagePreview{height: 104px; width: 189px;}

.RemoveImage {left: 89%;}
.RemoveImage:hover {left: 89%;}
#Sub_SignImages{left: 5px;}
#SignImages {padding-top: 16px;}
.TabTableContent{width: 100%;}
.SketchArea{width: 100%; height: 205px; margin-left: -19px;}
.Sketcher {width: 85%; height: 165px; margin-bottom: -19px;}
.SketchAreaCustomer{height: 192px;}
.SketcherCustomer {width: 85%; margin-bottom: -19px; height:165px;}
#SketchEraseBtnCustomer { margin: 20px 0 0 6px; }
#SketchEraseimgCustomer { margin: 20px 0 0 19px; }
.GrSelectionAndSketch {height: 220px;}
#VESketchInvalidCustomer { margin-top:30px; }
#TdAgent,
#TdCustomer
{
    width:35%;
}
.TabTableContent h2 {font-size:16pt}
#InputSketch {background-position: right -97px; width: 100%; background-size: 63%; overflow: hidden;}

 .CloudActionBtnOne
 {
     margin-right: 87px;
     margin-left: 87px;
 }
 				
 .CloudContainerOne
{
    height: 235px;
}

.SignatureName {width: 176px; height: 38px;}
.TypeInput {width: 112px; height: 62px; margin: 0px 2px 1px 1px;}
#InputType {width: 91.4%; background-size: 78%; overflow: hidden; right: 3px;}
#InputUpload {background-position: right 86px; width: 89.9%; background-size: 97%;}
.SignaturePreview {width: 100%;}
.qq-upload-button {width: 80px; padding: 8px 0; font-size: 13px; border: 7px solid #DDD; right: 14px; top:4px;}
.qq-upload-button:hover {top: 6px;}
.m-bot-29{width: 89%;}
.m-bot-30{width: 78%;}
.under-top_cloudstorage h1 {background-position: 0px 0px; left: 28px;}
.Box h1 {
	left: 110px;
    height: 60px;
    width: 250%;
}

.SkyDrive h1 {
	left: 20px;
	height: 60px;
	width: 350px;
	background-size: 24%;
}

.GoogleDrive h1 {
	left: -20px;
	width: 430px;
	background-size: 15%;
}

ul#menu li { display:none; }
ul#menu:after {display:block;}
nav select { display: block; }


#signout a {font-size: 10px; padding: 3px 6px 3px 6px;}
#CloudStorageRefresh{display:none}
table.FileListTable {background-size: 81%;}
.td-size, .td-modified {font-size:11px;}
#table_grid_shadow {top: -40px;}
.m-bot-31{width: 78%;}
.m-bot-32{width: 78%; margin-bottom: 10px ;}
.m-bot-33{width: 100%;}
.m-bot-34{width: 78%;}
.m-bot-35{width: 99%;}
.m-bot-36{width: 99%;}
.display-label, .editor-label, .pwdexpired-label {width: 100%;}
#divReasons { width: 98%;}
#tblReasons, #addReason, #tlbSignDefaults { font-size: 12px;}
#tblReasons td { padding: 5px 0px 15px 10px;} 
.td-reason-text { width: 50%;}
.td-reason-edit { width: 13%;}
.td-reason-default { width: 27%;}
.td-reason-remove { width: 16%;}
.td-reason-default a { padding: 3px 4px 3px 4px; font-size: 11px;}
.display-italic {font-size: 12px; margin-bottom: 17px;}
.select-advance {height: 51px; width: 189px; margin: 0 16px 0 0px;}
.Advanced_table td { font-size: 15px;}
#SignTypeDescr {font-size: 12px;}
#SaveSettingsBtn {left: 63%; padding: 15px 36px;}
#top_sign { height: 147px;}
.m-bot-40 { width: 100%;} .m-bot-41 { width: 100%;} .m-bot-43 {text-align: center; width: 420px;} .DoneButton {font-size: 12px; padding: 16px 18px 16px 18px;}
.ValidationStatus 
{
	border: none;
	width: 15px;
	margin: 0px;
} 
.AddSigButton {font-size: 12px; padding: 16px 8px 16px 8px; margin: 0px 0px 1px 0px;} 
.rejectbutton { margin: 0px 1px 0px 1px; }
.zoominbutton { margin: 10px -6px 10px 2px;} #docPreviewParent {height: 763px;}
#ZoomIn1b, #ZoomIn1c, #ZoomIn1d {display:none} /*.selectpageicon { right: 36px;}*/
.m-bot-50{width: 99%;} .m-bot-51{width: 99%;}
.Unsupported h1 {font-size: 25.07pt; margin-top: 42px;} .Unsupported h3, .Unsupported h2{ font-size: 10pt;}
 #Unsupportedimg { background-size: 100%;}
.m-bot-10 {width: 92%;} .m-bot-11 {width: 96%; margin-bottom: 10px;}
.under-top_homepage h1 { font-size: 31pt; line-height: 50px;}
.td-reason-default-3 a { padding: 5px 8px 5px 16px;}
.zoominbutton, .zoomoutbutton {display: none;}
.pagesbuttons { margin: 2px 0px 2px 0px; display: inline-block; position: relative;} .undobutton {display:inline-block; margin: 1px 0px 1px 0px;}
	input.ActionBtn {
		width: 246px;
		font-family: Trebuchet MS, Verdana, Helvetica, Sans-Serif;
		font-size: 20px;
	}

	#ValidationSummery {
		width: 140% !important;
		float: none;
		left: -25%;
	}
	.display-field, .editor-field {
		margin-left: 7.5%;
	}
	
	.PwdExpired
	{
		margin-left: 4.5%;
	}
	
	.Home .div-section {
		width: 100%;
		padding-left: 0px;
		margin-left: -7%;
	}
	/* Done dialog - start */
	#SendEmailMessage {
		width: 96%;
		
	}
	#SendEmailTo, #SendEmailSubject {
		width: 98%;
		float: none;
	}
	#ToFildTD, #SubjectFildTD {
		float:left;
		margin-left:0%;
		width: 10%;
		text-align: left;
		margin-right:3%;
	}
	#SendMeCopyTD {
		float:left;
		margin-left:-6%;
		text-align: left;
		margin-right:3%;
	}

	#ToTextTD, #SubjectTextTD {
		margin-top: 1.5%;
		width: 85%;
	}
	
	.SendAccordionTable td {
		width: 100%;
		line-height: 26px;
	}
	#SaveCloudFileNameInput {
		width: 80%;
	}
	.DoneAccordionTable td {
		display: block;
		width: 100%;
	}
	#ConfirmClose {
		height: 115px;
	}
	.G_DoneDialogDiv .ui-dialog-titlebar > .ui-dialog-title {
        font-size: 23px;
    }
	/* Done dialog - end */
	/* Sign dialog - start */
	.NotSelectedSigImagePreview {
		height: 93px; 
		width: 170px;
		margin: 0 auto;
	    border:3px solid #ccc;
	}
	
	.SelectedSigImagePreview {
		height: 93px; 
		width: 170px;
		margin: 0 auto;
		border: 3px solid #b51f1f;
	}
	
	.blue-dialog-style.ui-dialog .ui-dialog-title {
        font-size: 33px;
    }
    
    .gray-dialog-style.ui-dialog .ui-dialog-title {
        font-size: 33px;
    }
    
    .td-width-50 {
		display: none;
	}
    
    .td-width-5 {
        padding: 0px 0px 0px 2px;
    }
    
    .NextImage
    {
        width: 20px;
    }
    
    .PrevImage
    {
        width: 20px;
    }  
    
    .EditSettings {
        right: 10px;
        top: 10px;
    }    
    
    .CancelEdit {
        right: 10px;
        top: 10px;
    } 
    
    .td-gr-image {
        height: 93px;
    } 
    
    .td-width-90 {
		padding: 0px 0px 5px 0px;
	}
	
	#PromptDiv * td 
    {
        padding: 6px;
        display: block;
    }
    .under-top_sign h2 {line-height: 16px;}
	/* Sign dialog - end */
	/* Feedback dialog */
	.ui-dialog .ui-dialog-title {
		font-size: 40px;
	}
	
	#FeedbackMessage 
	{
	    width: 380px !important;
	}
	.SelectedFeedbackDlgInnerButton 
	{
	    width: 110px;
	    height: 160px;
	}
	.NotSelectedFeedbackDlgInnerButton {
	    width: 110px;
	    height: 154px;
    }
    #SendFeedbackButton {
	    width: 140px;
	    padding: 10px;
    }
    .FeedbackDialogInnerTable {
	    left:0%;
    }
    #IdeaButton {
	    padding-bottom: 4px;
    }
    /* Feedback dialog - end */
    .FloatingTimedMsg, .FloatingTimedMsgErr 
    {
        bottom: 118px;
        width: 400px;
    }
    .ChangePwdBackGround, .IconsBackGround {
	    background: none;	      
    }
    
    .AdvancedDescr, .hide-td
    {
        display: none;
    }
    
    .SignButton
    {
	    padding: 3px 6px 3px 6px;
	    font-size: 12px;
    }
    
    .SelectFieldDialogDiv .ui-dialog-titlebar > .ui-dialog-title {
        font-size: 33px;
    }
    
    .SelectFieldItem
    {
        font-size:25px;
    }
    
    #SelectSigFieldDiv {
        padding: 15px 25px 0px 25px;
    }
    
    #ActionBtn3.CloudActionBtnAll3 {
	    margin: 0px 10px 20px 19.7px;
    }
    
    .HomeCloudDiv {
	    padding-left: 60px;
	    padding-right: 60px;
    }
    
    #GreyDiv {
	
	    padding-left: 10px;
	    padding-right: 40px;
    }
    
    #BottomRibbonLogon  {
        font-size: 10pt;
    }
    
    /* Download File Page */
	
	 header .logo { width: 60%; }
    
    #div-top-title { width: 55%; }
    #div-top-background { margin-top: 16px; }
	#div-options {  margin-bottom: 50px; }
	.top-title { font-size: 15px}
	.top-second-sub-title { line-height: 18px; }
	.OptionCoSignAll2 { margin-left: 30px; }
    .OptionCoSignAll3 { margin-left: 30px; }
	.OptionCoSign { height: 50px; width: 100px;}
}



@media only screen and (max-width: 959px) and (min-width: 768px){
.container {
width: 768px;}
.div-border-background {
margin-bottom: 14px;
width: 768px;
margin-left:0px;}
.BrowseBtn { left: 39%; }

#SampleDocPDF.BrowseBtnSampleDocOne,
#SampleDocPDF.BrowseBtnSampleDocAll
{ margin-left: 310px; }

#SampleDocWord.BrowseBtnSampleDocOne,
#SampleDocWord.BrowseBtnSampleDocAll
{ margin-left: 20px; }

.div-border-background_2 {
margin-bottom: 14px;
width: 768px;}
.ActionBtn1 {
margin: 0px 30px 20px 49px;}
.ActionBtn2 {
margin: 0px 30px 20px 25px;}
.ActionBtn3 {
margin: 0px 30px 20px 25px;}
.ActionBtn4 {
margin: 3px 0px 20px 25px;}

#box2_shadow {top: 3px;}
#TopRibbon h1:before {width: 66%;}
#header_shadow {left: 18%;}
.small-div-border-background {width: 100%; left: 0%;}
.one_third_column {left:-2%;}
.m-bot-26 , .m-bot-25 {width:50%}
.m-bot-27{width:40%}
.m-bot-28 {width:85%}
.ui-tabs .ui-tabs-nav li{width: 33.2%;}
#SketchTab a, #SketchTab a:hover , #SketchTab.ui-state-active a:link {background-position: 70px 21px;}
#UploadTab a, #UploadTab a:hover , #UploadTab.ui-state-active a:link {background-position: 64px 21px;}
#TypeTab a, #TypeTab a:hover , #TypeTab.ui-state-active a:link {background-position: 63px 25px;}
.SigImagePreview {height: 105px; width: 209px;}
.prompt-type-text { width:160px; }
#SketchEraseBtnCustomer { margin: 0 0 0 6px; }
#SketchEraseimgCustomer { margin: 0 0 0 36px; }
#InputSketch { background-position: 98.9% 254px; background-size: 31.8% auto; width:100%;}
.SketchArea {width: 85%;height: 235px;}
.SketcherCustomer {width: 85%; height:165px;}
.Sketcher {width: 85%; height:165px;}
 
.TypeInput {margin: 5px 9px 5px 5px; height: 98px; width: 198px;}
#InputType {background-position: 98.5% 11px;}
#InputUpload {background-position: 70.5% 156px;width: 95.4%;background-size: 98%;}
.qq-upload-button { right: 7px;}
.m-bot-29{width: 51%;}
.m-bot-30{width: 45%;}
.m-bot-31{width: 45%;}
.m-bot-32{width: 90%;}
.m-bot-33{width: 100%;}
.m-bot-34{width: 99%;}
.m-bot-35{width: 99%;}
.m-bot-36{width: 99%;}
#divReasons { width: 96%;}
.td-reason-text { width: 62%;}.td-reason-edit{ width: 7%;} .td-reason-remove { width: 8%;} .td-reason-default { width: 18%;}
.display-label, .editor-label, .pwdexpired-label { width: 38%;}
#SaveSettingsBtn {left: 48%;}
.m-bot-40 { width: 46%;} .m-bot-41 { width: 54%;} 
.m-bot-43 {text-align: center; width: 768px; position:fixed; bottom: 10px;} 
.DoneButton {font-size: 11px; padding: 18px 29px 17px 29px;}
.AddSigButton {font-size: 11px; padding: 18px 10px 17px 10px; margin: 0px 0px 0 0px;} .rejectbutton { margin: 0px 1px 0px 1px; padding: 17px 8px 18px 8px;}
.zoominbutton { margin: 10px -6px 10px 2px;} #docPreviewParent {height: 763px;}
.m-bot-50{width: 84%;} .m-bot-51{width: 84%;}
.m-bot-10 {width: 54%;} .m-bot-11 {width: 84%;}
#SaveSettingsBtn { left: 59%;}
#ValidationSummery {
	width: 60% !important;
	float: none;
}

.SelectFileDivNone,
.SelectFileDivOne,
.Home .div-section {
	width: 100%;
	padding-left: 0px;
	margin-left: -4%;
}

 .CloudActionBtnOne
 {
     margin-right: 230px;
     margin-left: 230px;
 }
 
.under-top_sign h2 {line-height: 14px;}
.under-top_sign h1 {line-height: 38px!important;}

.FloatingTimedMsg, .FloatingTimedMsgErr 
{
    width: 750px;
}

.HomeCloudDiv {
    padding-left: 95px;
    padding-right: 95px;
}

#div-top-title{
	width: 61%
	
}

/*
AllCloudsNoBrowse is used to fix the indentation of the Clooud Container buttons in the Home screen in situations where Browse is disabled
and the screen is wide (for example, in Ipad).
*/
@media only screen and (max-width: 1200px) and (min-width: 959px) {
    .AllCloudsNoBrowse {margin-left:140px;}
	
}

@media screen and (min-width: 1200px) {
    .AllCloudsNoBrowse {margin-left:140px;}
}