/* common styles */
*{ margin:0; padding:0}
body{ font-family: Arial, Helvetica, sans-serif;font-size: 12px; color:#999999; background-color:white;} 
a { text-decoration:none; color:#0070C0;}
a:hover { text-decoration: underline; color:#0070C0}
a:active { color:#0070C0}

.floatLeft { float: left; }
.floatRight { float: right;}
.clear { clear:both;}
.show { display:block;}
.hide { display:none;}
.highlight { background-color:#D6E4F6;}
.fullWidth { width:100%; margin-left:-25px;}
.payMsg { width:900px; font-size:20px; font-weight:normal; text-align:center; height:200px; position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-480px;  color:black;}
ul, li { list-style:none;}


/* for index */
#header .errorBox { width:252px; height:20px; position:absolute; top:25px; right:35px;}
.loginForm { position:absolute; right:50px; top:100px; }
.loginForm p{ margin-bottom:3px;}
.label{ float:left; width:80px; line-height:22px;}
.message { text-align:center;}
.message p { margin-top:0;font-size:16px; }
#intro p { padding-top:20px; padding-bottom:20px; padding-left:40px;}
#intro .introFirst{ background:white url(../images/file_save_32.png) left center no-repeat}
#intro .introSecond{ background:white url(../images/network_zoom_32.png) left center no-repeat}
#intro .introThird{ background:white url(../images/group_lock_32.png) left center no-repeat}
.signFormContainer { width:340px; padding:1px 10px; padding-bottom:10px; border:1px solid #999999; background-color:#F2F2F2; color:#999999; font-size:8px;}
.signFormContainer h2 { margin-top:15px; margin-left:20px; margin-bottom:15px; color:black;}
.signForm { margin-left:20px; font-size:11px;}
.signForm .label { width: 100px; text-align:right; margin-right:5px;}
.signForm input { height:18px; width:200px;}
.signForm p { margin-top:20px; line-height:25px; margin-left:-20px;}
.signForm .checkbox { width:20px; margin-left:100px; position:relative; top:6px;}
.signForm .terms { position:relative; left:104px; top:-10px;}
.signForm .submit{ margin-left:93px; }
.signForm #autoLogin { color:#0070C0; font-size:16px;}
.signForm #autoLogin:visited { color:#0070C0}
.error{ width:320px; text-align: left;}
.error p { font-size:14px; color:#000000; margin-top:15px; margin-bottom:15px; padding-left:20px;}
.error .attention { font-weight:bold; font-size:18px; margin-top:10px;}


/* for folder page */
#banner .left{ width:100%; height:40px; width:960px; position:absolute; left:50%; margin-left:-480px;}
#banner .logo { position:absolute;  top:7px; left:0;}
#banner #manageButton { position:absolute; left:200px; font-size:17px;}
.tipBar{ position:absolute; right:70px; top:10px; font-size:17px;display:block; height:20px; color:black;}
#myLoginNav { width:180px;  border:3px solid #FEF200; border-top: none;background-color:white;  position:absolute; top:-15px; right:70px; z-index:100; padding-top:10px;}
#myLoginNav p{ float:right; clear:both;}
#banner .tipBar a { float:none; margin:0 10px;}
#myLoginNav  a { text-decoration:none; color:black; font-size:17px; font-weight:bold; padding-left:20px; float:left; clear:right; display:block; width:160px; height:35px; padding-top:12px; margin-top:10px; z-index:100;}
#myLoginNav  a:hover { background-color:#FEF200;}
#banner #logout { position:absolute;right:0; font-size:17px;}
#banner .whiteBar { width:12px; height: inherit; position:absolute; left:551px; background-color:white;}
#banner a { top:10px;  font-size:17px; font-weight:bold; color:black; text-decoration:none;}
#banner .reset { margin:0; margin-left:142px; float:none; border:none;}
#banner img { border:none; margin-top:4px;}


   /* for main */
#bar { width:390px; height:30px; background-color:#FEF200; float:right; margin-top:45px; margin-right:10px; position:relative}
#homeLink { font-size:17px; font-weight:bold; margin-bottom:-10px; position:absolute; top:50px; }
#bar .addFolderButton { position:absolute; top:-30px; right:2px; width:84px;}
#folderDetail { color:black;}
#fileContainer { width:100%; min-height:240px; margin-bottom:10px; background-color:#FFFFFF; border:2px solid #CCCCCC; text-align:center; font-size:10px; font-weight:light; color:black;}
#fileContainer p { margin-top:100px;}
#commentBox { width:537px; height:200px; margin-bottom:10px; background-color:#F7F3F7;border:1px solid #CCCCCC}
#commentBox p{ padding:4px;}
#commentBox input { float:right; margin-right:10px; margin-top:10px; width:70px;}
#commentBox .commentInput { width:524px; height:120px; margin:5px;}
#manageList { width:200px;  border:3px solid #FEF200; border-top: none;background-color:white;  position:absolute; top:-15px; left:180px; z-index:100;padding-top:10px;}
#manageList p{ float:left; clear:both;}
#manageList a { text-decoration:none; color:black; font-size:17px; font-weight:bold; padding-left:20px; float:left; clear:right; display:block; width:180px; height:35px; padding-top:12px; margin-top:10px;}
#manageList a:hover { background-color:#FEF200;}
#manageList .friendHeight { height:100px;}
#manageList .readHeight { height:200px;}
#manageList .normal {height:420px;}
.myFolderList { margin:10px auto;}
.myFolderList td { width:128px;}
.myFolderList td.space { width:20px;}
#myFolder { float:left; width:400px; padding-left:16px;}
#myFolder img { width:128px; height:128px; border:none;}
#myFolder li,#friendFolder li { width:150px; height:170px;padding:5px; margin:5px 10px; float:left; text-align:center; overflow:hidden;}
#myFolder a.folderName { text-decoration:none;}
#friendFolder { float:left;width:400px; padding-top:10px; position:relative;}
#friendFolder .friendFolderName{ position:absolute; top:-32px; left:2px; color:black; clear:both; text-align:left; width:372px;}
#friendFolder .friendOtherName,#friendFolder .publishTitle { display:block;padding:7px 0 7px 18px; margin-left:-14px; color:black; background-color:#FEF200; width:372px; height:16px; text-align:left;}
#friendFolder .friendList { margin-left:14px;}
#friendFolder .publishTitle{ padding:7px 0 7px 18px; font-size:12px; font-weight:normal;}
#friendFolder .publishLink {margin-left:0; font-weight:bold; width:100%;text-align:left; clear:both;}
#friendFolder .friendList { margin-left:14px;}
#friendFolder .publishLink a:hover{ color:#0070C0;} 
#friendFolder .publishLink a:visited {color:#0070C0;}