
/* Global */
*{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444; outline:none; }
.clear{ clear:both; height:0px; overflow:hidden;}
a *{ color:#333; outline:none;}
a:hover{ color:#5F7E9E;}
h2{ font-size:20px; color:#fff; background:#A4ADBD; padding:9px 16px; margin:0 0 0 0;  }
label{ width:100px; float:left; text-align:right; padding:0 5px 0 0; }
input{ width:150px; float:left; border:1px solid #cdcdcd; padding:2px 4px; margin:0 0 15px 0;}
textarea{ width:150px; float:left; border:1px solid #cdcdcd; padding:2px 4px; margin:0 0 15px 0;}
.submit{ width:auto; background:#fff; float:none;}
.required{ color:#FF3300; margin-right:3px;}
.hud_green{ color:#009933;}

.contentholder{ background:#fff;}
b.rtop, b.rbottom{display:block;background: #fff}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #A4ADBD}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
.maincontent{ border:1px solid #EFEFEF; border-top:none;  }

.disabled{ color:#aaa; }


#HttpClientStatus_notice{ height:20px; font-weight:bold;  margin:0 0 0 0;  color:#333; padding:5px 20px 0 10px;}
.loading_message{ width:100%; height:300px; padding:100px 0 0 0; text-align:center; font-weight:bold;}

.addRow{ width:796px; background:#E2F9E3;border:1px solid #99CC99; }
.addRow p{ margin:4px 0 0 0; padding:0 0 0 9px; height:20px; }
.checkbox{ width:auto; height:auto; float:left; margin:0; padding:0; border:none;}

.ul_heading{ list-style:none; } 
.ul_heading a,.ul_heading span{ color:#fff; text-decoration:none;}
.ul_heading span{ color:#333; margin:0 0 0 3px;}
.ul_heading a:hover{ color:#fff; text-decoration:underline;}
.ul_heading li{ color:#fff; font-weight:bold; float:left; background:#919EB4; padding:4px 0 4px 16px;}
 
.ul_row_even ul,.ul_row_odd ul,.ul_row_editing ul{ list-style:none; }
.ul_row_editing{ list-style:none; border-top:1px solid #FFD963; border-bottom:1px solid #FFD963; background:#FFFFE3; }
.ul_row_even li,.ul_row_odd li,.ul_row_editing li{ float:left; padding:4px 0 4px 16px;}

.ul_row_odd,.ul_row_odd li{background:#efefef;}
.ul_row_editing { background:#FFFFE3;}

.ul_row_spacer{ height:23px;}

.pagination{ padding:6px 16px; background:#F9FBFF; border-top:1px solid #EDEDED;}
.warningmessage{ color:#FF3300; }

/* Navigation */
#topnav{ overflow:hidden; }
.topnavigation{ background:#efefef; height:40px; padding:20px 80px 0 60px; border-bottom:1px solid #ccc; }
.topnavigation h1{ float:left; color:#5C708A;  margin:-9px 0 0 0;   }
.topnavigation p{ float:right; }
.topnavigation select{ border:1px solid #cdcdcd; width:150px; margin:0 0 0 20px; padding:2px 4px;}


/* Login */
.loginscreen{ border:1px solid #EFF2F3; width:400px; margin:0 auto; margin-top:80px; padding:20px;}
.loginscreen h1{ font-size:18px; font-weight:normal; text-align:center; padding:0 0 20px 0;}
.loginscreen #HttpClientStatus_notice{ color:#FF3300; padding:10px 0 0 105px; height:20px; }
.loginscreen .forgot, .loginscreen .forgot a{ text-align:right; font-size:10px;}
.loginscreen .submit{ margin:0 0 0 105px;}

#forgotpassArea{ background:#EDF3FE; padding:30px; display:none; margin:10px 0 0 0;}
#forgotpassArea p{ width:300px; text-align:center; font-size:13px; font-weight:bold; height:30px;}


/* Welcome */
.welcomePage{ width:500px; margin:0 auto;}
.yourApps{ background:#fafafa; width:418px; padding:20px 40px; border:1px solid #EFEFEF; border-top:1px solid #ccc; }
.yourApps ul{list-style:none; line-height:30px; padding:10px 0 0 20px;}


/* Uploading */
.swfuploadbtn { display:block; width:260px; padding:0;   }
.browsebtn {}
.uploadbtn {display:none; height:1px; overflow:hidden;}
.cancelbtn {display:block;}
#cancelqueuebtn { display:block; display:none; background:url(cancel.png) no-repeat 0 4px; margin:10px 0; }
.SWFUploadFileListingFiles ul{ margin:0; padding:0; list-style:none; }
.SWFUploadFileItem { display:block; width:230px; height:45px; border:1px solid #FFD963;	padding:10px; margin:0; }
.fileUploading { background:#FFD963; }
.uploadCompleted { background:#d2fa7c; border:1px solid #d2fa7c; }
.uploadCancelled { background:#f77c7c; display:none; }
.uploadCompleted .cancelbtn, .uploadCancelled .cancelbtn { display:none; }
span.progressBar { width:200px; display:block; font-size:10px; height:4px; overflow:hidden; margin-top:2px; margin-bottom:10px; background-color:#CCC; }


/* Search */
.searcharea{ width:380px; float:right; margin:-35px 20px 0 0; height:30px; overflow:hidden; background:#A4ADBD;}
.searcharea input,.searcharea select,.searcharea p{ float:right; }
.searcharea .input_search{ border:1px solid #919EB4; width:150px; float:right; }
.searcharea select{ width:120px; margin:0 8px; border:1px solid #919EB4; height:19px; float:right;}
.searcharea .input_filter_hidden{ margin:0 0 0 20px; border:1px solid #A4ADBD; float:right;}
.searcharea .search_flags .search_checkbox{ border:1px solid; width:auto; margin:0; padding:0; clear:both;}
.searcharea .search_flags{ text-align:right;}
.searcharea .search_flags p{ padding:0 10px 0 0;}

.asset_row{ float:left; width:725px; padding:5px; background-color:#e2f9e3; border:1px solid #99cc99; margin-left:15px;}
.asset_row input{ padding:0px; margin:0px; margin-left:5px;}
.asset_row .heading{ font-weight:bold; text-decoration:underline;}
.asset_row .row{ float:left; width:100%; padding-top:5px; padding-bottom:5px;}
.asset_row .row .thumb{ float:left; display:inline; width:100px; font-size:10px; text-align:center; margin-left:20px;}
.asset_row .row .name{ float:left; display:inline; font-size:10px; width:275px; margin-left:50px;}
.asset_row .row .type{ float:left; display:inline; font-size:10px; width:100px;}
.asset_row .row .date{ float:left; display:inline; font-size:10px; width:100px;}
.asset_row .row .insert{ float:left; display:inline; font-size:10px; width:50px;}
.asset_row .row .insert img{ border:none; outline:none;}
.asset_row .close{ float:right; display:inline;}
.asset_row .title{ float:left; display:inline; font-weight:bold;}
.paginate{ font-size:12px; font-weight:bold; margin-top:10px;}
.paginate .previous{ float:left; display:inline; width:100px;}
.paginate .pages{ float:left; display:inline; width:525px;}
.paginate .next{ float:left; display:inline; text-align:right; width:100px;}