@charset "utf-8";
/* CSS Document */

html, body { min-width:998px;margin:0 auto;text-align:left;background: #CCCCCC;position:relative;border:0px; font: 13px Arial, Helvetica, sans-serif; color:#999999;}
img { border: none;}


/* ----- BASIC ELEMENTS ------------------------------------------------------------------------------------------------------ */
a { font:11px;}
a:link, a:visited { text-decoration: none; color: #d25200;  font-size:14px;}	
a:hover, a:active { text-decoration: underline; color: #572C00; }

/*PARAGRAGH----------------*/
p { margin: 0px 0px 0px 0px; font-size:14px; line-height:21px; }
.p1, .p2, .p3, .p4, .p5, .p6 { padding:10px 40px 10px 35px;}
.sub_p1 { padding:12px 10px 0px 60px;}

p.p1_orange{ padding:10px 40px 10px 35px; }
p.p1_orange a:link, p.p1_orange a:visited { color: #99CC00;}
p.p1_orange a:hover, p.p1_orange a:active {color: #003300}

p.backToTop { text-align:right; font-size:12px; }
p.backToTop a:link, p.backToTop a:visited { text-align:right; font-size:12px; color: #669900; }
p.backToTop a:hover,p.backToTop a:active{ color: #FF9900}

p.more { font:10px Arial, Helvetica, sans-serif; color:#f26522; text-align:right; padding:0px 38px 0px 13px }


/*TITLE BACKGROUND ---------*/
div#titleText{height:45px; background:url(images/share/title_steps.jpg)}
div#titleText2{height:45px; background: url(images/share/title_news.jpg)}
div#titlebg {height:45px; background: url(images/share/manageConsole_bg/title_bg.jpg)}

p.titleText { font-size:14px; color: #572C00;padding:13px 0px 0px 60px;}

p.titleText2 { font-size:14px; color:#572C00;padding:32px 0px 0px 60px;}
p.titleText2 a:link, p.titleText2 a:visited{font-size:14px; color: #572C00; text-align:left; }
p.titleText2 a:hover,p.titleText2 a:active{ color:#990000}

p.sub_titleText { font-size:14px; color: #C85806;padding:12px 10px 0px 60px;}
p.sub_titleText2 { font-size:14px; color: #FF9900; font-weight:bold; padding:12px 10px 0px 35px;}
p.table_titleText{font-size:13px; color:#fb8211;}

p.title_managementConsole  {font-size:14px; color: #572C00;padding:40px 0px 0px 60px;}


/* ----- LANGUAGE MENU & LOGIN TEXT-------------------------------------------------------------------------------------- */
#multi-language {width:314px;height:48px;}
p.language { margin-right:5px; font-size:12px; color:#000; text-align:right; padding:5px 0px 0px 0px; line-height:14px;}
p.language a:link, p.language a:visited{ margin-right:5px; font-size:12px; color: #000; text-align:right; padding:5px 0px 0px 0px;line-height:14px;}
p.language a:hover,p.language a:active{ color: #336699}


p.loginText { font-size:12px; color:#000; text-align:left; padding:0px 0px 0px 0px; line-height:14px;}
p.loginText a:link, p.loginText a:visited{ font-size:12px; color: #000; text-align:left; padding:0px 0px 0px 0px;line-height:14px;}
p.loginText a:hover,p.loginText a:active{ color: #336699}

input.loginName {font-size:12px; color: #069; text-align:left; padding:0px 0px 0px 0px; line-height:14px; width:123px;}
input.date {  font-size:12px; color: #069; text-align:left; padding:0px 0px 0px 0px; line-height:14px;  width:123px;}

/* ----- NAVIGATION------------------------------------------------------------------------------------------------------ */
div#navigation{width:998px; height:29px; }
p.Menu{ margin-left:20px; font-size:12px; color:#663300; text-align:left; padding:6px 0px 0px 3px; line-height:14px;}
p.Menu a:link, p.Menu a:visited, p.bottomMenu_left a:link, p.bottomMenu_left a:visited{ font-size:12px; color:#663300; text-align:left; padding:6px 0px 0px 3px;line-height:14px;}
p.Menu a:hover,p.bottomMenu_left a:active{ color:#fff; font-weight:bold; text-decoration:none}

/* ----- SEARCH MAP BUTTONS---------------------------------------------------------------------------------------- */
div#searchMapBtn{width:226px;height:39px;}

div#searchMapBtn a:link, div#searchMapBtn a:visited{width:226px;height:39px; display: block; background-image: url(images/share/search_map_btn.jpg); color: #fff }
div#searchMapBtn a:hover, div#searchMapBtn a:active{background-image:url(images/search_map_btn_up.jpg); 
text-decoration:none; color: #FFCC33 }
p.searchMapBtn{ padding:18px 0px 0px 18px;   font-size:12px; font-weight:bold; }

/* ----- SIGN UP & SIGN UP BUTTONS---------------------------------------------------------------------------------------- */
div#signupTitle{width:270px;height:70px;}
p.signupTitle { padding:22px 0px 0px 50px; font-weight:bold; color:#fff; font-size:12px; }

div#icons {width:220px;height:100px;  margin: 13px 20px 0px 20px; }
div#signup_btn a:link, div#signup_btn a:visited{width:126px;height:36px; display: block;background-image:url(images/share/buttons/signup_btn.jpg); color:#663300  }
div#signup_btn a:hover, div#signup_btn a:active{background-image:url(images/share/buttons/signup_btn_up.jpg); text-decoration:none; color: #003300 }
p.signup_btn{ padding:8px 0px 0px 10px;   font-size:12px; }



/* ----- BOTTOM MENU------------------------------------------------------------------------------------------------------ */

div#bottomMenu, div#bottomMenu_left , div#bottomMenu_right  {float:left}
div#bottomMenu { width:998px; height:23px;}
div#bottomMenu_left {width:550px; height:23px; }
div#bottomMenu_right {width:448px; height:23px; }

p.bottomMenu_left { margin-left:21px; font-size:11px; color: #CCCCCC; text-align:left; }
p.bottomMenu_left a:link, p.bottomMenu_left a:visited{ font-size:11px; color:#CCCCCC; text-align:left; }
p.bottomMenu_left a:hover,p.bottomMenu_left a:active{ color:#666666}

p.bottomMenu_right { font-size:11px; color:#666666; text-align:right;  line-height:14px;}
p.copyright{ font-size:11px; color:#CCCCCC; text-align:right; line-height:11px; padding:6px 22px 0 0px;}



/* ----- RIGHT LIST ----- */

div#rightList { width:241px;background:#fff; margin: 0px}
div#rightList ul {list-style: none;padding: 0;  margin: 0px}
div#rightList ul li { border-bottom: none}
div#rightList ul li a { background:url(images/share/rightlist_title/list_block.jpg); height:30px; display: block; font:12px arial, helvectica, sans-serif;color: #FF6600;text-decoration: none; border-bottom: 1px dotted #CCCCCC; line-height:30px;}
div#rightList ul li a:hover {background:url(images/share/rightlist_title/list_block_over.jpg);color: #663300;font:bold 12px arial, helvectica, sans-serif;filter:alpha(opacity=100); line-height:30px;}

div#rightList ul li a.listText{ font-size:12px;; text-align:left; padding:0px 0px 0px 25px; }
div#rightList ul li span.colorText { color:#CC3300; font:italic;}

p.list_bottom { height: 30px; width:241px; background: url(images/share/rightlist_title/list_bottom.jpg) no-repeat; margin-top:0px;}

p.title_cbsStorage { height: 94px; width:241px; font-weight:bold; color:#000; font-size:12px; line-height:25px; padding:0px 0px 0px 8px;  }
p.title_cbsStorage {background: url(images/share/rightlist_title/title_cbsStorage.jpg) no-repeat;}

div#spaceBlock {height:0px; width:222; background:#fff}


/* ----- News & Event List ----- */

#news_newsList ul { margin: 0px 0 0 0px; padding: 0; list-style: none; width:600px; }
#lcommon_block ul, #lselect ul { margin-top: 0px; margin-bottom: 0px; }
#news_newsList li { display: block; padding: 6px 0 6px 12px; margin: 0; line-height: 8px; border-bottom: 1px dotted #CCCCCC;}
#news_newsList p { margin: 0px 0px 0px 0px; font-size:12px; line-height:16px; }
#news_newsList P.date { font-weight:bold; font-size:11px;color: #663300 }
#news_newsList li.title { display: block; padding: 3px 0 3px 12px; font-weight:bold; font-size:12px; background-color: #f2c16b; color:#fff;line-height:10px;}


/* ----- TABLES ------------------------------------------------------------------------------------------------- */

tr.odd { border:1px solid #FFFFFF; background-color:#D9D9D9;  padding: 2px 0px 2px 0px;  }
tr.even { border:1px solid #FFFFFF; background-color:#E8E8E8;  padding: 2px 0px 2px 0px;}
td.titleTop {border:1px solid #FFFFFF; padding:4px 10px 4px 9px; font:bold 12px Arial, Helvetica, sans-serif;color:#000033;text-align:center; }
td.titleLeft {border:1px solid #FFFFFF; font:bold 12px Arial, Helvetica, sans-serif;color:#464646;padding:4px 10px 4px 10px;line-height:16px; }

td.table_button_bg {border:1px solid #FFFFFF; font:bold 12px Arial, Helvetica, sans-serif;color:#464646;padding:0px 0px 0px 0px;line-height:16px; }

td.titleHeader {background-color: #f2c16b;border:1px solid #FFFFFF; padding:4px 10px 4px 9px; font:bold 12px Arial, Helvetica, sans-serif;color:#fff; }

td.titleWhiteBG {background-color:#fff;border:1px solid #FFFFFF;text-align:center; padding:0px 0px 0px 0px;font:bold 12px Arial, Helvetica, sans-serif;color:#0c406a; text-align:center}
td.tablecontent_text {border:1px solid #FFFFFF;text-align:left; font:12px Arial, Helvetica, sans-serif; padding:4px 10px 4px 9px; line-height:16px; color:#666666}
td.tablecontent_text a:link, td.tablecontent_text a:visited{text-align:left; font:12px Arial, Helvetica, sans-serif;  line-height:16px; color: #663300; font-weight:bold;}


table#icon_text a{ font-size:11px; font-weight:bold; color:#333333; text-align:center;}
table#icon_text a:link, table#icon_text a:visited{ font-size:11px; font-weight:bold; color:#333333; text-align:center;}
table#icon_text a:hover, table#icon_text a:active{font-size:11px; font-weight:bold; color:F36;}


/* ----- USER SIGNIN TABLE [MC_endUser_signIn.html, MC_endUser_register.html ] -----------*/
div#user_registerTable { margin:0px 0px 0px 60px; width:600px}
.user_registerTableText {  font-size:13px; color: #0c406a; text-align:left}
.user_registerTableText a:link, .user_registerTableText a:visited{font-size:12px; color: #0c406a; text-align:left; }
.user_registerTableText a:hover,.user_registerTableText a:active{ color: #333333}
td.pink_text {color: #F36; font-weight:bold; font-size:13px;}
td.remark_text {color: #480048; font-size:11px;}




/* ---- MANAGEMENT CONSOLE PORTAL --------------------------------------------------------------------------------------- */

/* ----- BUTTONS---------------------------*/

/* -----  MANAGEMENT CONSOLE MAIN BUTTONS ( index.html  )----*/
div#mcMain_btn {width:241px;height:40px; margin:0px 0px 0px 8px }
div#mcMain_btn a:link, div#mcMain_btn a:visited{width:241px;height:40px; display: block;background-image: url(images/share/buttons/btn_manageConsole.jpg); color:#fff; }
div#mcMain_btn a:hover, div#mcMain_btn a:active{background-image: url(images/share/buttons/btn_manageConsole_up.jpg);text-decoration:none; color:#000; font-weight:bold;   }

p.mcMainBtn_text{ padding:10px 0px 0px 0px; text-align:center;   font-size:12px; font-weight:bold; }


/* ----- LOGOUT BUTTON (LOGOUT BUTTONS)-------------------------------*/
div#logout_btn { width:100px; margin:0px 10px 10px 0px;}
div#logout_text{ width:50px; margin:28px 0px 0px 0px;}
.logout_textTable a:link, .logout_textTable a:visited{font-size:14px; color: #0c406a; text-align:left; }
.logout_textTable a:hover,.logout_textTable a:active{ color:#990000}


/* ----- TABLE BUTTON (CANCEL BUTTONS, SUBMIT BUTTONS)-------------------------------*/
div#table_btn {width:94px;height:36px;  margin-left:0px; margin-top:0px; }
div#table_btn a:link, div#table_btn a:visited{width:94px;height:36px; display: block;background-image: url(../../../images/share/buttons/button.jpg); color:#0c406a  }
div#table_btn a:hover, div#table_btn a:active{background-image:url(../../../images/share/buttons/button_up.jpg); text-decoration:none; color: #ffffff}
p.table_btn{ padding:8px 0px 0px 0px;   font-size:12px; }


/* ----- REGISTER  BUTTON (MC_endUser_signIn.html)------------*/
div#register_btn {width:136px;height:26px;  margin-left:0px; margin-top:0px; }
div#register_btn a:link, div#register_btn a:visited{width:136px;height:26px; display: block;background-image: url(../../../images/share/buttons/btn_rollout.jpg); color:#0c406a  }
div#register_btn a:hover, div#register_btn a:active{background-image: url(../../../images/share/buttons/btn_register_up.jpg); text-decoration:none; color: #ffffff}
p.register_btn{ padding:2px 0px 0px 0px;   font-size:12px; }


/* ----- CHANGE BUTTON  (MC_endUser_register.html)------------*/
div#change_btn {width:60px;height:26px;  margin-left:0px; margin-top:0px; }
div#change_btn a:link, div#change_btn a:visited{width:60px;height:26px; display: block;background-image:  url(../../../images/share/buttons/btn-functions/btn_change.png); color:#0c406a  }
div#change_btn a:hover, div#change_btn a:active{background-image: url(../../../images/share/buttons/btn-functions/btn_change_up.png); text-decoration:none; color: #ffffff}
p.change_btn{ padding:2px 0px 0px 0px;   font-size:12px; }


/* -----  MANAGEMENT CONSOLE BUTTONS (TAB BUTTONS, Aspen CDN, Aspen CCN, Cloud Storage, Cloud Server)----*/
div#mc_btn {width:104px;height:28px; margin:0px 0px 0px 0px }
div#mc_btn a:link, div#mc_btn a:visited{width:104px;height:28px; display: block;background-image: url(../../../images/share/buttons/btn_mConsole.jpg);color:#0c406a ; }
div#mc_btn a:hover, div#mc_btn a:active{background-image: url(../../../images/share/buttons/btn_mConsole_up.jpg);text-decoration:none; color:#333333; font-weight:bold;   }

p.mcBtn_text{ padding:6px 0px 0px 0px;   font-size:12px;color: #333333;  }
p.btn_userSignIn_text{ padding:6px 0px 0px 0px;   font-size:12px; color: #333333;  font-weight:bold; }

span.forget_password { font-size:12px; font-style:italic; color:#990000;}


/* -----  MANAGEMENT CONSOLE BUTTONS 2 (TAB BUTTONS, Admin User Management Console)----*/
div#mc_btn2 {width:140px;height:28px; margin:0px 0px 0px 0px }
div#mc_btn2 a:link, div#mc_btn2 a:visited{width:140px;height:28px; display: block;background-image: url(../../../images/share/buttons/btn_mConsole2.jpg);color:#0c406a ; }
div#mc_btn2 a:hover, div#mc_btn2 a:active{background-image: url(../../../images/share/buttons/btn_mConsole2_up.jpg);text-decoration:none; color:#333333; font-weight:bold;   }


/* -----  OPTIONS BUTTONS ----*/
div#option_btn {width:80px;height:27px; margin:0px 0px 0px 0px }
div#option_btn a:link, div#option_btn a:visited{width:80px;height:27px; display: block;background-image: url(../../../images/share/buttons/btn-functions/btn_options.jpg);color:#0c406a ; }
div#option_btn a:hover, div#option_btn a:active{background-image: url(../../../images/share/buttons/btn-functions/btn_options_up.jpg);text-decoration:none; color:#333333; font-weight:bold;   }

p.optionBtn_text{ padding:4px 0px 0px 0px;   font-size:12px;color: #fff; font-weight:bold;  }


div#option_btn2 {width:130px;height:28px; margin:0px 0px 0px 0px }
div#option_btn2 a:link, div#option_btn2 a:visited{width:130px;height:28px; display: block;background-image: url(../../../images/share/buttons/btn-functions/btn_options2.jpg);color:#0c406a ; }
div#option_btn2 a:hover, div#option_btn2 a:active{background-image: url(../../../images/share/buttons/btn-functions/btn_options2_up.jpg);text-decoration:none; color:#333333; font-weight:bold;   }




/* ----- IDC SIGN IN (Cloud Storage Main Buttons )--------- */
div#function_button { height:48px; width:357px; }


div#idc_btn1 {width:182px;height:48px; margin:0px 0px 0px 0px }
div#idc_btn1 a:link, div#idc_btn1 a:visited{width:182px;height:48px; display: block;background-image: url(images/share/buttons/btn-rec/button_idc1.jpg);  }
div#idc_btn1 a:hover, div#idc_btn1 a:active{background-image:url(images/share/buttons/btn-rec/button_idc1_up.jpg);text-decoration:none; }
p.idc_btn_text{ padding:14px 0px 0px 0px;   font-size:14px;color:#0c406a ; text-align:center; }




/* ----- FORM TEXT STYLE ---------------------------------------------------------------------*/
div#formTable { margin:0px 0px 0px 60px; width:880px;line-height:21px;}
.formTable {  font-size:13px; color:#0c406a; text-align:left}
.formTable a:link, .formTable a:visited{font-size:12px; color: #990000; text-align:left; }
.formTable a:hover,.formTable a:active{ color:#666666}


/* -----  FORMS ----*/
span.formTitle1 { font-size:13px; font-weight:bold; color:#0c406a;  line-height:21px;}
span.formTitle2 { font-size:13px; font-weight:bold; color: #FF9933; line-height:21px;}
span.formTitle3 { font-size:13px; font-weight:bold; color:#660066; text-decoration:underline; line-height:21px;}


/* -----   MANAGEMENT CONSOLE  TITLE (orange title on top )----*/
div#consoleTitle { font-size:13px; font-weight:bold; color:#FF6600;  margin:5px 0px 0px 5px; text-decoration:underline;}