/* ----------------------------------------------- 12frenz Site Author : http://www.12frenz.com Design & Development : www.mobafone.co.id (tc) Date : Feb 2008 Version : v.3 File : flickrmenu.css ----------------------------------------------- */ /*-------------------------------*/ /* The Style for the Dropdown of the Main Menu */ #mainmenu-container { width:435px;height:32px;margin:0;padding:0;float:left;text-align:left;position:relative;z-index:50;} #mainmenu-container a { color:#232322; text-decoration:none;font-size:12px; } #mainmenu-container a:hover { text-decoration:underline; } #mainmenu-container ul {position:absolute;margin:0px;padding:0px;margin-top: 21px;height:11px;} #mainmenu-container li { display:inline; position:relative; height: auto; } #mainmenu-container li span { position:relative; z-index: 50; padding:0px 7px 0px 0px;} #mainmenu-container li span a { font-weight:bold; padding:0 2px 0px 0px; } /**#mainmenu-container li span.over { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } /***+html #mainmenu-container li span.over { border-top:solid 2px #E5E5E5; padding-bottom:3px; } /* IE6 #mainmenu-container li span.over a { }*/ #mainmenu-container li span.over a:hover { text-decoration:none; } /**#mainmenu-container li span.active { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } *+html #mainmenu-container li span.active { border-top:solid 2px #E5E5E5; padding-bottom:3px; } #mainmenu-container li span.active a { } #mainmenu-container li span.active a:hover { text-decoration:none; } */ #mainmenu-container img.arrow { /*margin-left:4px;*/ cursor:pointer; } #mainmenu-container div.sub_menu { z-index:4;text-align:left;display:none; position:absolute;margin-top:12px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:0px; left:0;top:2px; width:160px; background:#FFFFFF; } * html #mainmenu-container div.sub_menu { margin-top:16px; } /* IE6 */ *+html #mainmenu-container div.sub_menu { margin-top:16px; } /* IE7 */ #mainmenu-container div.sub_menu a:link, #mainmenu-container div.sub_menu a:visited { font-weight:bold; background-color:#F9F9F9; border-top:solid 1px #BEBEBE; color: #232322; display:block; font-size:11px; padding:4px; text-decoration:none; } #mainmenu-container div.sub_menu a:hover { background-color:#666666; color:#F9F9F9;display:block; font-size:11px; padding:4px; } #mainmenu-container a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; } /**#mainmenu-container div.liveChat{display:block; width: 84px; height: 25px; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background: url("../../images/general/LiveChat_V2.png") no-repeat !important;background: url("../../images/general/LiveChat_V2.png") no-repeat;text-align:center;position:absolute;top:0;left:0;}*/ /** #mainmenu-container li.li_liveChat{position:absolute;top:0;} #mainmenu-container div.liveChat{display:block; width: 80px; margin:0px 0px 0px 0px;padding:4px;background: url("../../images/general/LiveChat_V2.png") no-repeat !important;background: url("../../images/general/LiveChat_V2.png") no-repeat;text-align:center;position:absolute;top:0;left:0;} #mainmenu-container div.liveChat a:link, #mainmenu-container div.liveChat a:visited {color: #ffa800; font-weight: bold;} #mainmenu-container div.liveChat a:hover{color: #f4d8a3;} */ #mainmenu-container li.liveChat a:link, #mainmenu-container li.liveChat a:visited {color: #c00334;} #mainmenu-container li.liveChat a:hover{color: #f00621;} * /*-------------------------------*/ /* The Style for the Dropdown of the Main Menu */ #mainmenu-container-logged-in { width:634px; height:32px;margin:0;padding:0;float:left;text-align:left;position:relative;z-index:50; } #mainmenu-container-logged-in a { color:#232322; text-decoration:none;font-size:12px; } #mainmenu-container-logged-in a:hover { text-decoration:underline; } #mainmenu-container-logged-in ul {position:absolute;margin:0px;padding:0px;margin-top: 21px;height:11px;} #mainmenu-container-logged-in li { display:inline; float:left; position:relative; height: auto; } #mainmenu-container-logged-in li span { position:relative; z-index: 50; padding:0px 7px 0px 0px;} #mainmenu-container-logged-in li span a { font-weight:bold; padding:0 2px 0px 0px; } /**#mainmenu-container-logged-in li span.over { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } /***+html #mainmenu-container-logged-in li span.over { border-top:solid 2px #E5E5E5; padding-bottom:3px; } /* IE6 #mainmenu-container-logged-in li span.over a { }*/ #mainmenu-container-logged-in li span.over a:hover { text-decoration:none; } /**#mainmenu-container-logged-in li span.active { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } *+html #mainmenu-container-logged-in li span.active { border-top:solid 2px #E5E5E5; padding-bottom:3px; } #mainmenu-container-logged-in li span.active a { } #mainmenu-container-logged-in li span.active a:hover { text-decoration:none; } */ #mainmenu-container-logged-in img.arrow { /*margin-left:4px;*/ cursor:pointer; } #mainmenu-container-logged-in div.sub_menu { z-index:4;text-align:left;display:none; position:absolute;margin-top:12px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:0px; left:0;top:2px; width:160px; background:#FFFFFF; } * html #mainmenu-container-logged-in div.sub_menu { margin-top:16px; } /* IE6 */ *+html #mainmenu-container-logged-in div.sub_menu { margin-top:16px; } /* IE7 */ #mainmenu-container-logged-in div.sub_menu a:link, #mainmenu-container-logged-in div.sub_menu a:visited { font-weight:bold; background-color:#F9F9F9; border-top:solid 1px #BEBEBE; color: #232322; display:block; font-size:11px; padding:4px; text-decoration:none; } #mainmenu-container-logged-in div.sub_menu a:hover { background-color:#666666; color:#F9F9F9;display:block; font-size:11px; padding:4px; } #mainmenu-container-logged-in a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; } /** #mainmenu-container-logged-in div.liveChat{display:block; width: 84px; height: 25px; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display: block;background: url("../../images/general/LiveChat.png") no-repeat !important;background: url("../../images/general/LiveChat_png8.png") no-repeat;text-align:center;position:absolute;top:0;left:0;} #mainmenu-container-logged-in div.liveChat a:link, #mainmenu-container-logged-in div.liveChat a:visited {color: #ffa800; font-weight: bold;} #mainmenu-container-logged-in div.liveChat a:hover{color: #f4d8a3;} */ #mainmenu-container-logged-in li.liveChat a:link, #mainmenu-container-logged-in li.liveChat a:visited {color: #c00334;} #mainmenu-container-logged-in li.liveChat a:hover{color: #f00621;} /*-------------------------------*/ /* The Style for the Dropdown of the Menu Level 2 */ #menulevel2-container { width:749px;height:15px;margin:0;padding:5px 0px 0px 0px;float:left;text-align:left;position:relative;z-index:40; } #menulevel2-container a { color:#FFFFFF; text-decoration:none; } #menulevel2-container a:hover { text-decoration:underline; } #menulevel2-container ul {margin:0px;padding:0px;margin-top: 0px;height:11px;} #menulevel2-container li { display:inline; position:relative; height: auto; } #menulevel2-container li span { position:relative; z-index: 40; padding:0px 5px 0px 2px;} #menulevel2-container li span a { font-weight:bold; padding:0 4px 0px 0px; } /**#menulevel2-container li span.over { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } /***+html #menulevel2-container li span.over { border-top:solid 2px #E5E5E5; padding-bottom:3px; } /* IE6 #menulevel2-container li span.over a { }*/ #menulevel2-container li span.over a:hover { text-decoration:none; } /**#menulevel2-container li span.active { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } *+html #menulevel2-container li span.active { border-top:solid 2px #E5E5E5; padding-bottom:3px; } #menulevel2-container li span.active a { } #menulevel2-container li span.active a:hover { text-decoration:none; } */ #menulevel2-container img.arrow { /*margin-left:4px;*/ cursor:pointer; padding-top:1px; } #menulevel2-container div.sub_menu { z-index:4;text-align:left;display:none; position:absolute;margin-top:14px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:0px; left:0;top:2px; width:160px; background:#FFFFFF; } * html #menulevel2-container div.sub_menu { margin-top:18px; } /* IE6 */ *+html #menulevel2-container div.sub_menu { margin-top:18px; } /* IE7 */ #menulevel2-container div.sub_menu a:link, #menulevel2-container div.sub_menu a:visited{ background-color:#F9F9F9; color: #232322;border-top:solid 1px #BEBEBE;display:block; font-size:11px; padding:4px;text-decoration:none;font-weight:bold; } #menulevel2-container div.sub_menu a:hover{ background-color:#666666; color: #F9F9F9;display:block; font-size:11px; padding:4px; } #menulevel2-container a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; } /*-------------------------------*/ /* The Style for the Dropdown of the Menu Level 2 Marginated */ #menulevel2-container-marginated { width:749px;height:15px;margin:0px 0px 0px 59px;padding:5px 0px 0px 0px;float:left;text-align:left;position:relative;z-index:40; } #menulevel2-container-marginated a { color:#FFFFFF; text-decoration:none; } #menulevel2-container-marginated a:hover { text-decoration:underline; } #menulevel2-container-marginated ul {position:absolute;margin:0px;padding:0px;margin-top: 0px;height:11px;} #menulevel2-container-marginated li { display:inline; position:relative; height: auto; } #menulevel2-container-marginated li span { position:relative; z-index: 40; padding:0px 5px 0px 2px;} #menulevel2-container-marginated li span a { font-weight:bold; padding:0 4px 0px 0px; } /**#menulevel2-container-marginated li span.over { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } /***+html #menulevel2-container-marginated li span.over { border-top:solid 2px #E5E5E5; padding-bottom:3px; } /* IE6 #menulevel2-container-marginated li span.over a { }*/ #menulevel2-container-marginated li span.over a:hover { text-decoration:none; } /**#menulevel2-container-marginated li span.active { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } *+html #menulevel2-container-marginated li span.active { border-top:solid 2px #E5E5E5; padding-bottom:3px; } #menulevel2-container-marginated li span.active a { } #menulevel2-container-marginated li span.active a:hover { text-decoration:none; } */ #menulevel2-container-marginated img.arrow { /*margin-left:4px;*/ cursor:pointer; padding-top:1px; } #menulevel2-container-marginated div.sub_menu { z-index:50;text-align:left;display:none; position:absolute;margin-top:14px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:0px; left:0;top:2px; width:160px; background:#FFFFFF; } * html #menulevel2-container-marginated div.sub_menu { margin-top:18px; } /* IE6 */ *+html #menulevel2-container-marginated div.sub_menu { margin-top:18px; } /* IE7 */ #menulevel2-container-marginated div.sub_menu a:link, #menulevel2-container-marginated div.sub_menu a:visited{ background-color:#F9F9F9; color: #232322;border-top:solid 1px #BEBEBE;display:block; font-size:11px; padding:4px;text-decoration:none;font-weight:bold; } #menulevel2-container-marginated div.sub_menu a:hover{ background-color:#666666; color: #F9F9F9;display:block; font-size:11px; padding:4px; } #menulevel2-container-marginated a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; } /*-------------------------------*/ /* The Style for the Dropdown of the Menu Level Icon */ #menulevel2-icon-container{ width:auto;height:15px;margin:0;padding:0px;float:right;text-align:right;position:relative;z-index:10; } #menulevel2-icon-container img {border:none;} #menulevel2-icon-container a { color:#FFFFFF; text-decoration:none; } #menulevel2-icon-container a:hover { text-decoration:underline; } #menulevel2-icon-container ul {margin:0px;padding:4px 0px 0px 0px;margin-top: 0px;height:7px;} #menulevel2-icon-container li { display:inline; position:relative; height: auto; } #menulevel2-icon-container li span { position:relative; z-index: 20; padding:0px 5px 0px 0px;} #menulevel2-icon-container li span a { font-weight:bold; padding:0 2px 0px 0px; } /**#menulevel2-icon-container li span.over { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } /***+html #menulevel2-icon-container li span.over { border-top:solid 2px #E5E5E5; padding-bottom:3px; } /* IE6 #menulevel2-icon-container li span.over a { }*/ #menulevel2-icon-container li span.over a:hover { text-decoration:none; } /**#menulevel2-icon-container li span.active { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } *+html #menulevel2-icon-container li span.active { border-top:solid 2px #E5E5E5; padding-bottom:3px; } #menulevel2-icon-container li span.active a { } #menulevel2-icon-container li span.active a:hover { text-decoration:none; } */ #menulevel2-icon-container img.arrow { /*margin-left:4px;*/ cursor:pointer;padding-top:1px; } #menulevel2-icon-container div.sub_menu { z-index:2;text-align:left;display:none; position:absolute;margin-top:4px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:0px; left:0;top:12px; width:160px; background:#FFFFFF; } * html #menulevel2-icon-container div.sub_menu { margin-top:4px;top:17px; } /* IE6 */ *+html #menulevel2-icon-container div.sub_menu { margin-top:4px;top:17px; } /* IE7 */ #menulevel2-icon-container div.sub_menu a:link, #menulevel2-icon-container div.sub_menu a:visited { background-color:#F9F9F9;color: #232322;border-top:solid 1px #BEBEBE;display:block; font-size:11px; padding:4px; text-decoration: none; font-weight:bold; } #menulevel2-icon-container div.sub_menu a:hover{ background-color:#666666;color: #F9F9F9; } #menulevel2-icon-container a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; } /*-------------------------------*/ /* The Style for the Dropdown of the Language Menu */ #langmenu-container{ width:auto;height:18px;margin:0;padding:0px;float:right;text-align:left;position:relative;z-index:40;top:4px;} #langmenu-container img {border:none;} #langmenu-container a { color:#ffaf03; text-decoration:none; } #langmenu-container a:hover { text-decoration:underline; } #langmenu-container ul {margin:0px;padding: 0px;} #langmenu-container li {display:inline; position:relative; } #langmenu-container li span { position:relative; z-index: 40; padding:0px 5px 0px 0px;} #langmenu-container li span a { font-weight:normal; padding:0 4px 0px 2px; } /**#langmenu-container li span.over { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } /***+html #langmenu-container li span.over { border-top:solid 2px #E5E5E5; padding-bottom:3px; } /* IE6 #langmenu-container li span.over a { }*/ #langmenu-container li span.over a:hover { text-decoration:none; } /**#langmenu-container li span.active { padding:4px 3px 4px 5px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #fff; } *+html #langmenu-container li span.active { border-top:solid 2px #E5E5E5; padding-bottom:3px; } #langmenu-container li span.active a { } #langmenu-container li span.active a:hover { text-decoration:none; } */ #langmenu-container img.arrow { /*margin-left:4px;*/ cursor:pointer; } #langmenu-container div.sub_menu { z-index:2;text-align:left;display:none; position:absolute;margin-top:4px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:0px; left:0;top:18px; width:160px; background:#FFFFFF; } * html #langmenu-container div.sub_menu { margin-top:4px;top:18px; } /* IE6 */ *+html #langmenu-container div.sub_menu { margin-top:4px;top:18px; } /* IE7 */ #langmenu-container div.sub_menu a:link, #langmenu-container div.sub_menu a:visited { background-color: #F9F9F9; color: #232322; border-top:solid 1px #BEBEBE;display:block; font-size:11px; padding:4px; text-decoration:none;font-weight:bold;} #langmenu-container div.sub_menu a:hover { background-color: #666666; color: #F9F9F9;display:block; font-size:11px; padding:4px; } #langmenu-container a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; }