﻿/*- Form CSS -*/
/*- S Hopper -*/
/*- this is an additional stylesheet only to be attached to pages with forms in the content areas-*/

/*---------------- site-wide styling ---------------*/

fieldset {margin-bottom:10px ; padding-bottom:5px}
fieldset.Standard {clear:both ;margin-bottom:10px}
#ContentRight fieldset {margin-bottom:5px }
	.Standard legend { color: #333333; font-size:1.6em ;font-weight:bold; margin-bottom:10px ; margin-left:-10px }
    fieldset.Standard div {overflow:auto ; width:auto}
        fieldset.Standard label { clear:left ; display:block ; float:left ; margin:5px 0 ; padding:.2em 0; } 
        #ContentRight fieldset.Standard label { clear:left ; display:block ; float:left ; margin:2px 0 ; padding:.1em 0; } 
        #ContentLeft fieldset.Standard label{ width:225px; margin-right:10px} /*set width specific to container*/
        fieldset.Standard input, fieldset.Standard select, fieldset.Standard textarea {border:solid #bbb 1px ;float:left ; margin:5px 0 ;padding:2px 2px ; }
       #ContentRight fieldset.Standard label {width:180px; margin-bottom:0}
		 fieldset.Standard div.last { margin-bottom: 10px; }
       #ContentRight .Standard input, #ContentRight .Standard select, #ContentRight .Standard textarea {margin-top:1px ; width:204px}
       #ContentRight .Standard select { width:210px ;} /*selects encompass padding in width unlike inputs*/
			
        #ContentLeft .Standard input, #ContentLeft .Standard textarea {width:302px  } /*set width specific to container*/
        #ContentLeft .Standard select { padding:1px 2px ; width:308px ;} /*selects encompass padding in width unlike inputs*/
        #ContentLeft fieldset.Standard .short {width:150px}
        #ContentLeft fieldset.Standard .med {width:225px}
        
        #ContentLeft fieldset.Standard span.formEntryError { clear: left; overflow:hidden; padding-top:0px; margin-top: 0px; display:inline; margin-left:234px; }
        
    /*radio and checkboxes*/
    #ContentLeft .Radio, #ContentRight .Radio, #ContentLeft .Check, #ContentRight .Check { border:solid 1px #ccc ;padding:5px 0 5px 10px ; margin-bottom:10px}
    #ContentLeft fieldset.Radio label, #ContentRight fieldset.Radio label, #ContentLeft fieldset.Check label, #ContentRight fieldset.Check label { clear:none ; float:left ; margin-left:10px ;padding:0 ; width:490px ; }
    
    #ContentLeft .Standard fieldset.inline {float:left ; width:302px ;}
			#ContentLeft .Standard fieldset.inline label {margin:5px 10px 5px 5px ; width:auto}
    #ContentRight fieldset .txt { background-color: #f4f4f4;}
    #ContentRight fieldset.Radio label, #ContentRight fieldset.Check label {margin-bottom:3px ; margin-top:3px  ;width:120px}
    #ContentLeft fieldset.Radio input, #ContentRight fieldset.Radio input, #ContentLeft fieldset.Check input, #ContentRight fieldset.Check input { border:0 ; padding:0 ; width:auto  }
    #ContentRight fieldset.Radio input, #ContentRight fieldset.Check input {margin:3px 0}
    #ContentLeft fieldset.Radio legend, #ContentLeft fieldset.Check legend{ font-size:1.3em ; margin:0 }
    #ContentRight fieldset.Radio legend, #ContentRight fieldset.Check legend {font-size:1.2em ; font-weight:normal ; margin-bottom:0 ;margin-left:0 }
    #ContentRight fieldset.inline label { margin:3px 7px 3px 3px; width:auto }
    
    #ContentRight fieldset.Standard fieldset {margin-bottom:5px; padding-bottom: 0}
    #ContentRight fieldset.Standard div.cta { margin: 12px 0 0 0; padding: 0;}
    /*inset styles*/
    #ContentLeft fieldset.inset label, #ContentLeft .inset .Standard label{width:210px;display:block;} /*need to make mind up - think we are going with nesting fieldset inside .inset div */
    #ContentLeft .inset input, #ContentLeft .inset textarea {width:279px}
    #ContentLeft .Half .inset input {width:auto}
    #ContentLeft .inset select {width:284px}
    
    #ContentLeft .ColSplit.Third.Third .inset h3 { margin-left: -8px; margin-right: -8px }
    #ContentLeft .ColSplit.Third fieldset.inset { padding: 8px; }
    #ContentLeft .ColSplit.Third fieldset.inset label{width:140px; margin-bottom: 5px; font-size: 1.2em; font-family: Tahoma, Arial, Verdana, Sans-Serif}
    #ContentLeft .ColSplit.Third fieldset.inset label.top{margin-bottom: 0px; margin-top: 3px;  color: #666; font-family: Arial, Verdana, Sans-Serif}
   
    #ContentLeft .ColSplit.Third .inset input, #ContentLeft .inset textarea {width:80px; font-size: 1.3em;}
    #ContentLeft .ColSplit.Third .flSty0 input { width: 80px; }
    #ContentLeft .ColSplit.Third .inset select {width:157px; padding-right: 1px;font-size: 1.3em}
    #ContentLeft .ColSplit.Third .cta input {  font-size: 1.2em; padding: 2px 20px 2px 12px; margin-bottom: 0; width: auto}
	
    /* colsplit forms*/
    #ContentLeft input.buttonInline { margin-left: 10px; }
    
    
	#ContentLeft .TwoThirds fieldset.Standard label, #ContentLeft .TwoThirds fieldset.inset label { width: 140px;}
	#ContentLeft .TwoThirds fieldset.Standard input { width: 182px;}
	#ContentLeft .TwoThirds fieldset.Standard select { width: 188px;}
	
	#ContentLeft .Half fieldset.Standard input { width: 228px;}
	#ContentLeft .Half fieldset.Standard label { margin-bottom:0 ;}
	#ContentLeft .Half fieldset.Standard select { width: 234px;}
	
	#ContentLeft .Half fieldset input.Last{ margin-bottom: 6px; } /*override set to 0px for IE*/
	
		/*colsplit inset*/
	#ContentLeft .TwoThirds.inset fieldset.Standard label { width: 140px;}
	
	
	
/*input buttons*/
div.cta input { border:0 ;float:right ; font-size:1.2em ; margin-left:6px !important; margin-top: 0 !important ;width:auto }

#Mid input.Search { background:#fff url(/images/btn/searchinput.gif) no-repeat top right ; color:#00488C ; font-weight:bold ;padding:2px 26px 7px 5px !important ; min-width:82px}
#Mid div.cta input.Back { background:#fff url(/images/btn/back.gif) no-repeat top left ; color:#00488C ; font-weight:bold ;padding:2px 5px 7px 26px !important ; min-width:82px}
/*#Mid .button  {  background: url(../img/buttons/lt-blue-bg.gif) no-repeat right bottom; border-color: #1f91ca #0f609e #0f609e #0f609e; border-style:solid; border-width:1px; color: #fff; font-family:  Arial, Sans-Serif; 
                 font-size: 1.2em; font-weight: bold; padding: 2px 19px 2px 9px; width:auto !important}*//*font-size: 1.2em;*/

#Mid .button  {  background: url(../img/sprites/button_sprites.gif) no-repeat right -9px; border-color: #1f91ca #0f609e #0f609e #0f609e; border-style:solid; border-width:1px; color: #fff; font-family:  Arial, Sans-Serif; 
                 cursor: pointer; font-size: 1.2em; font-weight: bold; padding: 2px 19px 2px 9px; width:auto !important}

#Mid a.button {padding: 3px 20px 3px 10px;}
/*#Mid .down { background: url(../img/buttons/lt-blue-bg-dwn.gif) no-repeat right bottom;}*/
#Mid .down { background: url(../img/sprites/button_sprites.gif) no-repeat right -67px;}

#Mid a.button:hover {color:#fff}

#Mid .largeButton { top:-5px; position: relative; }
#Mid .largeButton a.button { background-position: right -313px !important;padding: 0 20px 0 10px !important;height: 30px !important; }
#Mid .largeButton a.button span { color: #fff; background: none; font-size: 1.2em; height: 30px !important; padding: 0; line-height:30px; }

#Mid input.buttonReCalculate { background: url() no-repeat top left; }

#Mid .back { background: url(../img/buttons/md-grey-bg-left.gif) no-repeat left bottom; background-color: #898989; border-right: solid 1px #5f6a71; border-top:  solid 1px #7a8893; border-left:  solid 1px #5f6a71; border-bottom: solid 1px #5f6a71;  padding-left:19px !important ; padding-right:9px}
#Mid input.cancel, #Mid div.cta input.cancel, #Mid a.cancel {  padding-right: 9px; background: url(../img/buttons/md-grey-bg-plain.gif) repeat-x right bottom; background-color: #898989; border-right: solid 1px #5f6a71; border-top:  solid 1px #7a8893; border-left:  solid 1px #5f6a71; border-bottom: solid 1px #5f6a71; 	}                                        
	
#Mid input.request, #Mid div.cta input.request, #Mid a.request { padding-right: 19px; background: url(../img/buttons/md-grey-bg-down.gif) repeat-x right bottom; background-color: #898989; border-right: solid 1px #5f6a71; border-top:  solid 1px #7a8893; border-left:  solid 1px #5f6a71; border-bottom: solid 1px #5f6a71; }	
	
	#Mid .SearchBox input.button  { border: solid 1px #b8d3e1; background: url(../img/buttons/md-blue-bg.gif) no-repeat right center;  padding: 1px 17px 1px 8px; }
fieldset span.Required { padding-right: 10px; background:#fff url(/images/icons/required.gif) no-repeat right 2px;}

/*modular form features*/
	#ContentLeft .Standard .postcode {width:100px}
	#ContentLeft .Standard .telNo {width:150px}
	#ContentLeft .Standard .pword {width:150px}
	#ContentLeft .Standard .date, .date {width:100px }
	#ContentLeft .Standard .percent {width:1.8em}
	
	.prefixPounds {float:right ; padding-left:10px}
	.postfix {display:block ;font-size:1.2em ;float:left ; margin:5px 0 ; padding:.2em }

.error {color:#940723} /* Keep this for asterisks */ 
.errorMsg { font-size:1.2em ; margin-right:15px ; display:block}
.errorMsg span { clear:left ; display:block}
p.ErrorMsg {background:#fee4e5 ; border:solid 1px #802b32 ; color:#147c46; padding:10px}
p.SuccessMsg {background:#edffe5 ; border:solid 1px #498b4b ; color:#498b4b; padding:10px}
label .Notes { font-size:0.85em}
label.normal { font-weight: normal !important; }



/*jquery popup help box styles*/
.HelpNav { background:url(/img/sprites/icons.gif) no-repeat -5px -1859px; display:block; font-size:1.1em ;padding:4px 0 4px 25px ; }

table .HelpNavHeader a.gettip, table .HelpNavHeader span.gettip
{ background:url(/img/sprites/icons.gif) no-repeat right -1859px; display:block; font-size:1.1em ;padding:4px 0 4px 25px ;
display:block; float:left; font-size:1.1em; padding:4px 24px 4px 0; }

table .tableImg a.gettip, table .tableImg span.gettip { float: none; }

table .HelpNavHeader span { padding-top: 4px; display: block; }
table .HelpNavHeader th { vertical-align:top; }

/*table th .HelpNav { white-space:nowrap; padding:4px 25px 4px 0;background:url(/img/sprites/icons.gif) no-repeat right -1859px; }*/

/*table th .HelpNavLink{ font-size:1.1em ; white-space:nowrap; padding:4px 25px 4px 0; background:url(/img/sprites/icons.gif) no-repeat right -1859px; }*/


label .HelpNav {font-size:.85em}
.HelpBox { padding:20px ; margin:10px 0}
.HelpBox img {float:right; margin-left:10px}
.HelpBox p {margin-bottom:0}
.PopOut {display:none}

.fundList a { text-decoration: underline; }

.SubmitBtn {background:#000 ; border:none ;color:#fff ;width:auto}
#Container .SubmitBtn1 {background:url(/images/btn/sbmt.jpg) no-repeat ; border:none ;color:#fff ;font-size:1.5em ;height:33px ;width:108px}


/*------------ page-specific form styles --------------*/

/* Betterinvestor */
			#ContentLeft div.FormRow { clear: both; width: 500px;}	
			#ContentLeft  #CommentsForm div.FormRow label { font-weight: bold; padding-bottom: 4px; width: 160px; display: block; float: left;}
			#ContentLeft  div.FormRow input.text, #ContentLeft  div.FormRow textarea.text { font-size: 12px;  margin-bottom: 10px; margin-right: 10px; padding:2px; width: 216px;}
			#ContentLeft  div.FormRow input.checker { width: 20px; }
			
			div.CommentsPanel { margin-top: 30px;  }
			div.CommentsPanel h2 {border-top:1px dotted #A5A5A5; margin-bottom: 20px;  } 


/*.AccountStatus {  border:1px solid #69b4da; padding:10px;    margin-bottom:15px; }
.AccountStatus fieldset {  border:none;}
.AccountStatus input, .AccountStatus label {clear:none ;display:inline ;float:none}
.AccountStatus label{ margin:0 60px 0 10px }
.Standard .AccountStatus legend{ margin-left:-5px;}*/
#BankDetsNav { position:absolute; margin-top:-30px ; margin-left:250px }
#BankDetsNavHead { position: relative; margin-left: 159px; top: -42px; }
#ContentLeft div.MultiElem input {float:none ; width:111px ; }
#ContentLeft div.MultiElem select {float:none ; width:auto ; }
.Warn {background:url(/img/sprites/icons.gif) no-repeat 4px -1711px;border:solid 1px #ccc ;padding:15px 15px 15px 40px ;}
#Mid fieldset.Flush {border:0 ; padding-left:0}
#ContentLeft div.FindHold input {width:146px;}
#ContentLeft .FindBtn {float:right ; }

	
/*- email a friend -*/
#emailForm { padding: 15px; }
	#emailForm fieldset { margin: 0 }
		#emailForm fieldset h1 { font-size: 2.2em; letter-spacing: normal; margin-bottom: 1em; padding-bottom: 6px; border-bottom: solid 3px #e1e1e1;}
		#emailForm fieldset label {  display: block; clear: right; margin-bottom: 3px; font-weight: bold;}
		#emailForm fieldset input {  margin-bottom: 7px;}
				#emailForm fieldset input.button {  margin-bottom: 0px;}
		#emailForm fieldset div { float: left; width: 160px; margin-right: 10px;}
		#emailForm fieldset div.clear { clear: both;}

#form_emailarticle fieldset div#captchaCode { margin:20px 0 10px 234px; }


/* Discounts landing page */
#ContentLeft .ColSplit.Third .seeSave input.txt { width: 182px;}
#ContentLeft .ColSplit.Third .seeSave select { width: 188px;}
div.seeSave input, div.seeSave select{ border: solid 1px #749fb5; }


/*- Stocks & shares-*/


/* Invest now landing page */

fieldset.investnow { font-size: 1.2em; margin-left: 8px; margin-bottom: 0 }
fieldset.investnow label { font-size: 1.0em; }
fieldset.investnow div.rowOn, fieldset.investnow div.rowOff, fieldset.investnow div.rowHover { border: solid 1px #fff; font-weight: bold; padding: 2px 5px 2px 5px; width: 260px; clear: both;}
fieldset.investnow div.rowOn { background: #e0edf5; border: solid 1px #3399cc;}
fieldset.investnow div.rowOff { }
fieldset.investnow div.rowHover {background: #eeeeee; border: solid 1px #eeeeee; }

/* Discounts landing page

fieldset.Discounts { padding-bottom: 0; margin-bottom: 0;}
fieldset.Discounts div label { clear:left; display:block; float:left; padding:0.5em 8px;  width: 120px !important;}
fieldset.Discounts div { overflow:auto; width:100%; height: 35px;}
fieldset.Discounts div input, fieldset.Discounts div select {margin:.5em 0; width: 188px !important; outline: none;}
fieldset.Discounts div input.button { width: 130px !important; float: right; margin-right: 12px;}
fieldset.Discounts div.cta  {width: auto;  } */

/* Client Centre*/
#Mid h2.toolHead {background:#e9e9e9 url(/images/bg/tool.gif) repeat-x bottom ; color:#333 }
#ContentLeft .inset h2.toolHead {font-size:1.3em ;margin:-15px -15px 1em ; padding-left:15px}
.ccLog fieldset { padding-bottom: 0;}
.ccLog .inset { border-bottom: solid 3px #e1e1e1;}
 #ContentLeft .ColSplit.Third fieldset.inset input.login{margin-top: 2px; padding: 3px 2px; font-family: arial, helvetica}
 #ContentLeft .ColSplit.Third fieldset.inset a.login{color: #666666;}
/* Client Centre - Update Profile */

h2.formFields  { background: #eeeeee; padding: 7px 8px 7px 8px; border-top: solid 1px #cfcfcf; font-weight: bold; margin:15px 0; font-size: 1.3em; border-bottom: none; }

     
     fieldset span.setValue { display: block; width: 300px; float: left; font-weight: bold;  font-size: 1.2em; padding: .2em 0; margin: 4px 0;}
 /* Password strength styles */
     .pstrength-minchar {font-size : 1.2em; color: #666; margin-left: 235px; margin-bottom: 5px; width: 200px !important;}
     fieldset.updateProfile input.password { clear: right;margin-right: 150px;}
     .pstrength-info, .pstrength-bar { margin-left: 235px;}
     .pstrength-info { width: 200px !important; font-size: 1.2em; }
     
     .ui-datepicker-trigger { }
     .refine div {}
	
	/*utilsing the Enclosed class name*/
	#ContentOver div.IFrameEnclosed { border: solid 1px #cfcfcf; }
	#ContentOver div.IFrameEnclosed h3 { background: #EEEEEE; font-size: 1.3em; font-weight: bold; margin-bottom: 15px; padding: 8px 10px; }
	#ContentOver div.IFrameEnclosed iframe { overflow-x: hidden; }
	
	/* enclosed forms */
	#ContentLeft fieldset.Enclosed { border: solid 1px #cfcfcf; }
	#ContentLeft fieldset.Enclosed p {padding: 0 10px }
	#ContentLeft fieldset.Enclosed .FindBtn {float: none; margin: 0; padding: 0; }
	#ContentLeft fieldset.Enclosed h3 {  padding: 8px 10px; background: #eeeeee; font-weight: bold; font-size: 1.3em; margin-bottom: 15px; }
	#ContentLeft fieldset.Enclosed div.Fields { padding: 10px; overflow: hidden; width: auto;}
	#ContentLeft fieldset.Enclosed div.Helper { padding-left: 158px; color: #666; font-size: 1.2em; clear:left;  float:left;width: 320px;  margin-top: 3px; margin-bottom: 4px;}
	#ContentLeft fieldset.Enclosed div.Trail { float: left; font-size: 1.2em; width: 100px; margin:-6px 8px 0px 8px;}
	#ContentLeft fieldset.Enclosed span.Trail { font-size: 1.2em; }
	#ContentLeft fieldset.Enclosed span.formEntryError { clear: both; padding-top:2px; margin-top: 0px; display:block; margin-left:158px; }
	#ContentLeft fieldset.Enclosed label, .LikeALabel { clear:left ; display:block; float:left ; margin:3px 8px 0 0; padding: 0 10px 0 10px; text-align: right;  width: 130px; }
	#ContentLeft fieldset.Enclosed label.Required {background:#fff url(/images/icons/required.gif) no-repeat right 2px; }
	
	#ContentLeft fieldset.Enclosed input.txt, #ContentLeft fieldset.Enclosed select, #ContentLeft fieldset.Enclosed textarea {  width: 240px; margin:0; padding:2px; border: solid 1px #BBBBBB;}
	#ContentLeft fieldset.Enclosed select { width: auto; float: left; padding: 1px; margin-right: 5px;}
	#ContentLeft fieldset.Enclosed select.multiple { width: 340px; }
	#ContentLeft fieldset.Enclosed input.long { width: 240px; }
	#ContentLeft fieldset.Enclosed input.med { width: 130px; }
	#ContentLeft fieldset.Enclosed input.short { width: 70px;  } 
	#ContentLeft fieldset.Enclosed input.float { float: left}
	#ContentLeft fieldset.Enclosed select.med { width: 130px; }
	#ContentLeft fieldset.Enclosed select.long { width: 230px; }
	#ContentLeft fieldset.Enclosed div.rowCheck label, #ContentLeft fieldset.Enclosed div.rowCheckIndent label, #ContentLeft fieldset.Enclosed div.rowCheckIndentWide label { text-align: left; width: 460px; clear: none; }
	#ContentLeft fieldset.Enclosed div.rowCheck input, #ContentLeft fieldset.Enclosed div.rowCheckIndent input, #ContentLeft fieldset.Enclosed div.rowCheckIndentWide input { text-align: left; margin-right: 5px; margin-left: 15px;  float: left;  }
	#ContentLeft fieldset.Enclosed div.rowCheckIndent input  { margin-left: 160px; }
	#ContentLeft fieldset.Enclosed div.rowCheckIndent label  { padding-left: 5px; width: 260px; }
	
	#ContentLeft fieldset.Enclosed div.rowCheckIndentWide input { margin-left: 30px; }
	#ContentLeft fieldset.Enclosed div.rowCheckIndentWide label { width: 430px; padding-left: 5px; }
	
	#ContentLeft fieldset.Enclosed div.cta { text-align: left; padding-left: 153px; width: auto; padding-top: 25px; }
	#ContentLeft fieldset.Enclosed input.button, #ContentLeft fieldset.Enclosed div.cta a { float: left; }
	#ContentLeft fieldset.Enclosed div {overflow:auto; padding-bottom: 10px}



/* - error / success messages - */
.msgError { border: solid 1px #c76567; margin-bottom: 15px; padding-bottom: 10px;}
.msgSuccess { border:solid 1px #75b379; margin-bottom: 15px; padding-bottom: 10px;}
.msgNotice {border:solid 1px #e3dcb7; margin-bottom: 15px; margin-top: 15px; padding: 10px; padding-left: 30px; background: #fdf6d4 url(../images/icons/msg-notice.gif) no-repeat 6px 10px;}
.msgError h2, .msgSuccess h2 { font-size: 1.2em; font-weight: bold; padding: 6px 8px 6px 26px; margin:0; margin-bottom: 10px; border: none !important; background-position: 4px center; background-repeat: no-repeat; }
.msgError h2 { color: #bc1b1b; background-color: #eda4a5; background-image: url(../images/icons/msg-error.gif);}
.msgSuccess h2 { color: #007d40; background-color: #c9e8cb; background-image: url(../images/icons/msg-success.gif); }
#Mid .msgNotice p { color: #333333; margin: 0 !important; line-height: 1.3em;}
.msgError div, .msgSuccess div { padding: 0; }
#Mid .msgError p, #Mid .msgSuccess p { margin-bottom: 0.5em; font-size: 1.2em; color: #333; padding-left: 10px; padding-right: 10px;  }
#Mid .msgError ul, #Mid .msgSuccess ul,#Mid .msgNotice ul { list-style: disc;  padding-left: 10px; margin:0 0 10px 25px;}
#Mid .msgError ul li, #Mid .msgSuccess ul li, #Mid .msgNotice ul { margin-bottom: 2px; padding: 0 !important;}

/*- terms and conditions box - */

fieldset .termsBox { margin: 20px 10px; height: 184px; overflow: auto; border: solid 1px #e1e1e1; padding: 8px 6px 15px 6px;font-family: Tahoma, Verdana, Sans-Serif;}
fieldset .termsBox h4 { font-size: 1.1em; font-weight: bold; margin-top: 5px;}
#ContentLeft fieldset .termsBox p { font-size: 1.1em; line-height: 1.3em; margin: 0 0 8px 0; padding: 0; }

/* Dynamic CSS/jQuery Select Drop down list */

.ddwrapper{ display: block; z-index: 9999; }
.ddwrapper span{ font-size: 1.2em; }
.ddwrapper .container{ background-color: #fff; position: relative;  }
.ddwrapper .top{ display:block; border: 1px solid #7f9db9; padding: 1px 2px 1px 2px; background: url(/img/buttons/btn-ddselect.gif) no-repeat right 0.1em;  }
.ddwrapper a.sel{ display:block; width: auto; text-decoration: none !important; padding: 2px 1px 2px 2px; height: 1%;}
.ddwrapper a.sel:hover{ background-color: #316ac5; color: #fff !important; border: #7f9db9; }
.ddwrapper a.selected{ background-color: #316ac5; color: #fff; }
.ddwrapper .bottom { display: block; border-left: 1px solid #7f9db9;border-top: 1px solid #7f9db9;border-bottom: 1px solid #000;border-right: 1px solid #000; }
.ddwrapper ul{ padding-left: 0 !important; margin: 0 !important; }
.ddwrapper ul li{ list-style-type: none; padding: 0px !important;}
.ddwrapper ul li a{ white-space:nowrap; }