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

/****************************************

       General Setting 
	   
*****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

img{ 
    border: none; 
	outline:none;
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
.clear{ 
    clear: both; 
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

BODY {
	margin: 0px;
	font-size: 16px;
	color: #999999;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}
H1 {
	font-size: 24px;
	font-weight: bold;
}
h2 {
	font-size: 20px;
	font-weight: bold;
}
h3 {
	font-size: 18px;
	font-weight: bold;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 11px;
}
DIV {
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color: #15B2E0;
	text-decoration: none;
}
a:hover {
	color: #D3F1F9;
}
.highlightBlue {
	color: #15B2E0;
}
INPUT {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #A6E3F5;
	font-size: 14px;
	color: #00AFE3;
}
TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #A6E3F5;
	font-size: 14px;
	color: #00AFE3;
}
SELECT {
	border: 1px solid #A6E3F5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 3px;
	color: #15B2E0;
}
.submit {
	color: #FFFFFF;
	background-color: #15B2E0;
	font-size: 14px;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-transform: lowercase;
}
.save {
	color: #FFFFFF;
	background-color: #15B2E0;
	font-size: 14px;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-transform: lowercase;
	float: right;
}
.saveVendor {
	color: #FFFFFF;
	background-color: #88C048;
	font-size: 14px;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-transform: lowercase;
	float: right;
}
.TopMenuLink {
	color: #878787;
}
.TopMenuLink:Hover {
	color: #00A1C4;
}
.TopBar {
	background-image: url(graphics/colortop.gif);
	background-repeat: repeat-x;
	height: 11px;
}
.OuterBox {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.TopLogo {
	background-image: url(graphics/logotype.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 149px;
	float: left;
	margin-top: 20px;
	margin-left: 30px;
}
.TopMenu {
	float: right;
	margin-top: 37px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	margin-right: 30px;
}
.MainContentBoxLogin {
	min-height: 344px;
}
.MainContentBox {
	margin-top: 55px;
	min-height: 379px;
	margin-right: 75px;
	margin-left: 75px;
}
.BottomCopyrights {
	font-size: 12px;
	text-align: right;
	color: #999999;
	margin-right: 30px;
	margin-top: 13px;
}
.SectionTitle {
	font-family: Helvetica, Tahoma, sans-serif, Arial;
	font-size: 38px;
	font-weight: normal;
	text-align: right;
	padding-right: 70px;
	margin-top: 56px;
	color: #999999;
	height: 39px;
}
.SectionMenuBox {
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #15B2E0;
	margin-right: 50px;
	margin-left: 50px;
	padding-left: 25px;
}
.SectionMenuBoxVendor {
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88C048;
	margin-right: 50px;
	margin-left: 50px;
	padding-left: 25px;
}




/****************************************

       Login Form 
	   
*****************************************/
.LoginBox {
	height: 145px;
	width: 420px;
	margin-top: 90px;
	margin-right: auto;
	margin-left: auto;
	background-color: #D5F1FC;
	-webkit-border-radius: 12px;	/* SafariGoogle Chrome */
	-moz-border-radius: 12px;	/* Firefox */
	padding-top: 40px;
}
.LoginBox2 {
	width: 272px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
.LoginMessage {
	width: 400px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.LoginForm {
	width: 270px;
	margin-bottom: 10px;
}


/****************************************

       Client Area
	   
*****************************************/

.SubMenuLink {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
		vertical-align: middle;
}
.SubMenuLink:HOVER {
	color: #828282;
}
.SubMenuLinkActive {
	font-family: Tahoma, Helvetica, sans-serif;
	background-color: #15B2E0;
	-webkit-border-radius: 4px;	/* SafariGoogle Chrome */
	-moz-border-radius: 4px;	/* Firefox */
	color: #FFFFFF;
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	vertical-align: middle;
}
.UserInfoLeft {
	float: left;
	vertical-align: bottom;
	width: 380px;
}
.UserInfoRight {
	float: right;
	vertical-align: bottom;
	width: 380px;
}
.UserInfoTD1 {
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	font-size: 14px;
	width: 93px;
	white-space: nowrap;
	vertical-align: middle;
}
.UserInfoTD2 {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	width: 270px;
}
.UserInfoTD3 {
	height: 106px;
}
.UserInfoTD4 {
	font-size: 14px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.UserInfoTD5 {
	vertical-align: top;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
.UserInfoInput {
	padding: 6px;
	width: 266px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.UserInfoNote {
	font-size: 12px;
	width: 285px;
	margin-top: 20px;
	margin-left: 103px;
	line-height: 16px;
}
.UploadFileOption {
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}
.SelectFile {
	width: 265px;
}
.SelectProject {
	color: #999999;
	width: 275px;
}
.UploadNote {
	height: 150px;
	width: 265px;
	padding-top: 6px;
	color: #999999;
}
/* FAKE FILE UPLOAD DESIGN*/

/* END OF FAKE FILE UPLOAD DESIGN*/


.UserListNote-ul {
	list-style-type: disc;
	list-style-position: inside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.UserListNote-ul li {
}
.ProjectTitleL {
	color: #15B2E0;
}
.FolderDisplayBox {
	margin-top: 20px;
}
.FolderClient {
	-webkit-border-radius: 5px;	/* SafariGoogle Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	font-size: 16px;
	font-weight: bold;
	background-color: #F1F1F1;
	padding: 8px;
	border: 1px solid #EDEDED;
	margin-bottom: 10px;
}
.FolderClient:HOVER {
	-webkit-border-radius: 5px;	/* SafariGoogle Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	font-size: 16px;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 8px;
	border: 1px solid #45C0E1;
	margin-bottom: 10px;
	color: #15B2E0;
}
.FolderClientActive {
	-webkit-border-radius: 5px;	/* SafariGoogle Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	font-size: 16px;
	font-weight: bold;
	background-color: #15B2E0;
	padding: 8px;
	border: 1px solid #12AAD6;
	margin-bottom: 10px;
	color: #FFFFFF;
}
.FileDisplayBox {
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}
.FileBox {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.FileCase {
	float: left;
}
.FileLink {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	float: left;
	display: block;
	width: 290px;
	word-wrap: break-word;
	margin-bottom: 2px;
}
.FileLink:HOVER {
	color: #D5D5D5;
}
.FileTimeStamp {
}
.FileNote {
	background-image: url(graphics/add-note2.png);
	display: block;
	float: right;
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
}


/****************************************

       Vendor Area
	   
*****************************************/

.VendorSubMenuLink {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	vertical-align: middle;
	color: #88C048;
}
.VendorSubMenuLink:HOVER {
	color: #828282;
}
.VendorSubMenuLinkActive {
	font-family: Tahoma, Helvetica, sans-serif;
	background-color: #88C048;
	-webkit-border-radius: 4px;	/* SafariGoogle Chrome */
	-moz-border-radius: 4px;	/* Firefox */
	color: #FFFFFF;
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	vertical-align: middle;
}
.UserInfoInputVendor {
	padding: 6px;
	width: 266px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #88C048;
}
.VendorProjectTitleL {
	color: #88C048;
}
.FolderVendor {
	-webkit-border-radius: 5px;	/* SafariGoogle Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	font-size: 16px;
	font-weight: bold;
	background-color: #F1F1F1;
	padding: 8px;
	border: 1px solid #EDEDED;
	margin-bottom: 10px;
}
.FolderVendor:HOVER {
	-webkit-border-radius: 5px;	/* SafariGoogle Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	font-size: 16px;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 8px;
	border: 1px solid #A2D076;
	margin-bottom: 10px;
	color: #88C048;
}
.FolderVendorActive {
	-webkit-border-radius: 5px;	/* SafariGoogle Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	font-size: 16px;
	font-weight: bold;
	background-color: #88C048;
	padding: 8px;
	border: 1px solid #A3D077;
	margin-bottom: 10px;
	color: #FFFFFF;
}
.VendorFileNote {
	background-image: url(graphics/add-note-green2.png);
	display: block;
	float: right;
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
}
.MainContentBoxContact {
	margin-top: 55px;
	min-height: 379px;
	margin-right: 75px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.ContactLeft {
	float: left;
}


/****************************************

       Contact us
	   
*****************************************/

.ContactRight {
	float: right;
	width: 140px;
}
.ContactMailiLink {
	color: #333333;
}
.ContactMailiLink:HOVER {
	color: #888888;
}
.ContactMapBox {
	text-align: right;
}


/****************************************

       Original
	   
*****************************************/
.content {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	color: #888888;
	line-height: 17px;
        }

.content2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #666666;
	line-height: 12px;
        }

.content3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #888888;
	line-height: 12px;
        }

.maintext {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #888888;
	line-height: 14px;
	letter-spacing: -0.03em;
        }

.contactblue {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #12afe2;
	line-height: 12px;
        }
		
.contactgrey1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #888888;
	line-height: 16px;
	font-weight:bold;
        }
		
.address {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #999999;
	line-height: 14px;
        }		

.title {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #888888;
	line-height: 14px;
        }
.MainContentBoxAbout {
	margin-top: 55px;
	min-height: 379px;
	margin-right: 75px;
	margin-left: 75px;
	text-align: center;
}

.xa {
	color: #ffffff;
	text-decoration: none;
}

.xa:hover {
	color: #ffffff;
}

.xaa {
	color: #88C048;
	text-decoration: none;
}

.xaa:hover {
	color: #88C048;
}
.ya {
	color: #ffffff;
	text-decoration: none;
}

.ya:hover {
	color: #ffffff;
}

.yaa {
	color: #15B2E0;
	text-decoration: none;
}

.yaa:hover {
	color: #15B2E0;
}

.sysmessage {
    font-size: 12px;
    font-weight: bold;
    color: #FF6600;
    text-align: center;
}
.FileUploadNoteList {
    list-style-type: circle;
    padding-bottom: 4px;
}