You are here

dd_after.css in Language Switcher Dropdown 6

/************** Skin 1 *********************/
.dd_after {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
}
.dd_after .ddTitle {
	background:#f2f2f2;
	border:1px solid #c3c3c3;
	padding:3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:16px;
}
.dd_after .ddTitle span.arrow {
	background:url(dd_arrow.gif) no-repeat 0 0;
	float:right;
	display:inline-block;
	width:16px;
	height:16px;
	cursor:pointer; 
}

.dd_after .ddTitle span.ddTitleText {
	text-indent:1px;
	overflow:hidden;
	line-height:16px;
	float:left;
}
.dd_after .ddTitle span.ddTitleText img {
	text-align:left;
	padding:0 0 0 4px;
	float:right;
}
.dd_after .ddTitle img.selected {
	padding:0 0 0 6px;
	vertical-align:top;
}
.dd_after .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd_after .ddChild .opta a,
.dd_after .ddChild .opta a:visited {
	padding-left:10px;
}
.dd_after .ddChild a {
	display:block;
	padding:2px 6px 2px 0;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	cursor:pointer;
}
.dd_after .ddChild a:hover {
	background-color:#66CCFF;
}
.dd_after .ddChild a img {
	border:0;
	padding:0 0 0 4px;
	vertical-align:middle;
}
.dd_after .ddChild a.selected {
	background-color:#66CCFF;
}
.dd_after .ddChild a span.ddTitleText {
	float:left;
}
.hidden {
	display:none;
}

.dd_after .borderTop {
	border-top:1px solid #c3c3c3 !important;
}
.dd_after .noBorderTop {
	border-top:none 0  !important;
}

/************** Skin 2 *********************/
.dd2_after {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
}
.dd2_after .ddTitle {
	background:transparent url(msDropDown.gif) no-repeat;
	padding:0 3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:36px;
}
.dd2_after .ddTitle span.arrow {
	background:transparent url(icon-arrow.gif) no-repeat 0 0;
	float:right;
	display:inline-block;
	width:27px;
	height:27px;
	cursor:pointer;
	top:5px;
	position:relative;
	right:2px;
}

.dd2_after .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:33px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#fff;}
.dd2_after .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;}
.dd2_after .ddTitle img.selected {
	padding:0 2px 0 0;
	vertical-align:top;
}
.dd2_after .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
	font-size:14px;
}
.dd2_after .ddChild .opta a,
.dd2_after .ddChild .opta a:visited {
	padding-left:10px;
}
.dd2_after .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd2_after .ddChild a:hover {
	background-color:#66CCFF;
}
.dd2_after .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd2_after .ddChild a.selected {
	background-color:#66CCFF;	
}

.dd2_after .borderTop{border-top:1px solid #c3c3c3  !important;}
.dd2_after .noBorderTop{border-top:none 0  !important}

/************* use sprite *****************/
.dd_after .ddChild a.sprite, .dd_after .ddChild a.sprite:visited {
	background-image:url(../icons/sprite.gif);
	background-repeat:no-repeat;
	padding-left:24px;
}

.dd_after .ddChild a.calendar, .dd_after .ddChild a.calendar:visited {
	background-position:0 -404px;
}
.dd_after .ddChild a.shoppingcart, .dd_after .ddChild a.shoppingcart:visited {
	background-position:0 -330px;
}
.dd_after .ddChild a.cd, .dd_after .ddChild a.cd:visited {
	background-position:0 -439px;
}
.dd_after .ddChild a.email, .dd_after .ddChild a.email:visited {
	background-position:0 -256px;
}
.dd_after .ddChild a.faq, .dd_after .ddChild a.faq:visited {
	background-position:0 -183px;
}
.dd_after .ddChild a.games,
.dd_after .ddChild a.games:visited {
	background-position:0 -365px;
}
.dd_after .ddChild a.music, .dd_after .ddChild a.music:visited {
	background-position:0 -146px;
}
.dd_after .ddChild a.phone, .dd_after .ddChild a.phone:visited {
	background-position:0 -109px;
}
.dd_after .ddChild a.graph, .dd_after .ddChild a.graph:visited {
	background-position:0 -73px;
}
.dd_after .ddChild a.secured, .dd_after .ddChild a.secured:visited {
	background-position:0 -37px;
}
.dd_after .ddChild a.video, .dd_after .ddChild a.video:visited {
	background-position:0 0;
}
/*******************************/

File

msdropdown/dd_after.css
View source
  1. /************** Skin 1 *********************/
  2. .dd_after {
  3. /*display:inline-block !important;*/
  4. text-align:left;
  5. background-color:#fff;
  6. font-family:Arial, Helvetica, sans-serif;
  7. font-size:12px;
  8. position:relative;
  9. }
  10. .dd_after .ddTitle {
  11. background:#f2f2f2;
  12. border:1px solid #c3c3c3;
  13. padding:3px;
  14. text-indent:0;
  15. cursor:default;
  16. overflow:hidden;
  17. height:16px;
  18. }
  19. .dd_after .ddTitle span.arrow {
  20. background:url(dd_arrow.gif) no-repeat 0 0;
  21. float:right;
  22. display:inline-block;
  23. width:16px;
  24. height:16px;
  25. cursor:pointer;
  26. }
  27. .dd_after .ddTitle span.ddTitleText {
  28. text-indent:1px;
  29. overflow:hidden;
  30. line-height:16px;
  31. float:left;
  32. }
  33. .dd_after .ddTitle span.ddTitleText img {
  34. text-align:left;
  35. padding:0 0 0 4px;
  36. float:right;
  37. }
  38. .dd_after .ddTitle img.selected {
  39. padding:0 0 0 6px;
  40. vertical-align:top;
  41. }
  42. .dd_after .ddChild {
  43. position:absolute;
  44. border:1px solid #c3c3c3;
  45. border-top:none;
  46. display:none;
  47. margin:0;
  48. width:auto;
  49. overflow:auto;
  50. overflow-x:hidden !important;
  51. background-color:#ffffff;
  52. }
  53. .dd_after .ddChild .opta a,
  54. .dd_after .ddChild .opta a:visited {
  55. padding-left:10px;
  56. }
  57. .dd_after .ddChild a {
  58. display:block;
  59. padding:2px 6px 2px 0;
  60. text-decoration:none;
  61. color:#000;
  62. overflow:hidden;
  63. cursor:pointer;
  64. }
  65. .dd_after .ddChild a:hover {
  66. background-color:#66CCFF;
  67. }
  68. .dd_after .ddChild a img {
  69. border:0;
  70. padding:0 0 0 4px;
  71. vertical-align:middle;
  72. }
  73. .dd_after .ddChild a.selected {
  74. background-color:#66CCFF;
  75. }
  76. .dd_after .ddChild a span.ddTitleText {
  77. float:left;
  78. }
  79. .hidden {
  80. display:none;
  81. }
  82. .dd_after .borderTop {
  83. border-top:1px solid #c3c3c3 !important;
  84. }
  85. .dd_after .noBorderTop {
  86. border-top:none 0 !important;
  87. }
  88. /************** Skin 2 *********************/
  89. .dd2_after {
  90. /*display:inline-block !important;*/
  91. text-align:left;
  92. background-color:#fff;
  93. font-family:Arial, Helvetica, sans-serif;
  94. font-size:12px;
  95. position:relative;
  96. }
  97. .dd2_after .ddTitle {
  98. background:transparent url(msDropDown.gif) no-repeat;
  99. padding:0 3px;
  100. text-indent:0;
  101. cursor:default;
  102. overflow:hidden;
  103. height:36px;
  104. }
  105. .dd2_after .ddTitle span.arrow {
  106. background:transparent url(icon-arrow.gif) no-repeat 0 0;
  107. float:right;
  108. display:inline-block;
  109. width:27px;
  110. height:27px;
  111. cursor:pointer;
  112. top:5px;
  113. position:relative;
  114. right:2px;
  115. }
  116. .dd2_after .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:33px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#fff;}
  117. .dd2_after .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;}
  118. .dd2_after .ddTitle img.selected {
  119. padding:0 2px 0 0;
  120. vertical-align:top;
  121. }
  122. .dd2_after .ddChild {
  123. position:absolute;
  124. border:1px solid #c3c3c3;
  125. border-top:none;
  126. display:none;
  127. margin:0;
  128. width:auto;
  129. overflow:auto;
  130. overflow-x:hidden !important;
  131. background-color:#ffffff;
  132. font-size:14px;
  133. }
  134. .dd2_after .ddChild .opta a,
  135. .dd2_after .ddChild .opta a:visited {
  136. padding-left:10px;
  137. }
  138. .dd2_after .ddChild a {
  139. display:block;
  140. padding:3px 0 3px 3px;
  141. text-decoration:none;
  142. color:#000;
  143. overflow:hidden;
  144. white-space:nowrap;
  145. cursor:pointer;
  146. }
  147. .dd2_after .ddChild a:hover {
  148. background-color:#66CCFF;
  149. }
  150. .dd2_after .ddChild a img {
  151. border:0;
  152. padding:0 2px 0 0;
  153. vertical-align:middle;
  154. }
  155. .dd2_after .ddChild a.selected {
  156. background-color:#66CCFF;
  157. }
  158. .dd2_after .borderTop{border-top:1px solid #c3c3c3 !important;}
  159. .dd2_after .noBorderTop{border-top:none 0 !important}
  160. /************* use sprite *****************/
  161. .dd_after .ddChild a.sprite, .dd_after .ddChild a.sprite:visited {
  162. background-image:url(../icons/sprite.gif);
  163. background-repeat:no-repeat;
  164. padding-left:24px;
  165. }
  166. .dd_after .ddChild a.calendar, .dd_after .ddChild a.calendar:visited {
  167. background-position:0 -404px;
  168. }
  169. .dd_after .ddChild a.shoppingcart, .dd_after .ddChild a.shoppingcart:visited {
  170. background-position:0 -330px;
  171. }
  172. .dd_after .ddChild a.cd, .dd_after .ddChild a.cd:visited {
  173. background-position:0 -439px;
  174. }
  175. .dd_after .ddChild a.email, .dd_after .ddChild a.email:visited {
  176. background-position:0 -256px;
  177. }
  178. .dd_after .ddChild a.faq, .dd_after .ddChild a.faq:visited {
  179. background-position:0 -183px;
  180. }
  181. .dd_after .ddChild a.games,
  182. .dd_after .ddChild a.games:visited {
  183. background-position:0 -365px;
  184. }
  185. .dd_after .ddChild a.music, .dd_after .ddChild a.music:visited {
  186. background-position:0 -146px;
  187. }
  188. .dd_after .ddChild a.phone, .dd_after .ddChild a.phone:visited {
  189. background-position:0 -109px;
  190. }
  191. .dd_after .ddChild a.graph, .dd_after .ddChild a.graph:visited {
  192. background-position:0 -73px;
  193. }
  194. .dd_after .ddChild a.secured, .dd_after .ddChild a.secured:visited {
  195. background-position:0 -37px;
  196. }
  197. .dd_after .ddChild a.video, .dd_after .ddChild a.video:visited {
  198. background-position:0 0;
  199. }
  200. /*******************************/