/* -------
ADD EXTRA PAGE HEIGHT - CREW ASIA
------- */
.clientlogin
{
margin-top: 140px;
}

.clientApp
{
margin-top: 100px;
}

.clientreset
{
margin-top: 100px;
}

.crewApp
{
margin-top: 60px;
}

/* -------
SMALL HELP ICONS WITHIN <P> ELEMENTS
------- */
span.smallHelpIcon
{
padding: 0 8px;
background:  url(../-assets/icon/forms/h_small.png) no-repeat 0 0;
}

span.smallHelpIcon span
{
display: none;
}

/* -------
HELP PANELS
------- */

div#help1, div#help2, div#help3, div#help4, div#help5, 
div#help6, div#help7, div#help8, div#help9, div#help10 
{
position: absolute;
top: -25px;
left: -260px;
width: 255px;
background-color: #00FF00;
z-index: 1000;
background:  url(../-assets/image/help/help_sides-trans.png) no-repeat 0 0;
display: none;
}

div#help1 p, div#help2 p, div#help3 p, div#help4 p, div#help5 p, 
div#help6 p, div#help7 p, div#help8 p, div#help9 p, div#help10 p 
{
padding-top: 5px;
margin: 0 47px 5px 43px;
font-size: 0.75em;
}


div#help1 hr, div#help2 hr, div#help3 hr, div#help4 hr, div#help5 hr,
div#help6 hr, div#help7 hr, div#help8 hr, div#help9 hr, div#help10 hr
{
margin: 10px 47px 5px 40px;
}

p.helpHeading
{
color: #FFF;
padding-top: 25px;
margin: 0 47px 5px 40px;
font-size: 0.75em;
font-weight: bold;
}

p.explain
{
border: 1px solid black;
}

dl.helpList {
	margin: 0 47px 5px 10px;
	padding-top: 5px;
	color: #000;
	font-size: 0.75em;
	cursor: default;
}

dl.helpList dt, dl.helpList dd
{
	padding-left: 32px;
}

dl.helpList dd
{
padding-bottom: 5px;
}

dl.helpList dt
{
font-weight: bold;
}

dl.helpList dt.req
{
color: #CC3300;
}

div.helpTop
{
	height: 40px;
	padding-top: 10px;
}


div.helpBottom
{	
	height: 11px;
}


/* -------
ERROR PANEL
------- */

div.errorTop
{
	/*background: url(../image/_global/error_frame_top-trans.png) no-repeat 0 0;*/
}

.errorGeneric,

#errorEmpty1, #errorEmpty2, #errorEmpty3, #errorEmpty4, #errorEmpty5,
#errorEmpty6, #errorEmpty7, #errorEmpty8, #errorEmpty9, #errorEmpty10,

#errorInvalid1, #errorInvalid2, #errorInvalid3, #errorInvalid4, #errorInvalid5, 
#errorInvalid6, #errorInvalid7, #errorInvalid8, #errorInvalid9, #errorInvalid10, 

#errorCode1, #errorCode2, #errorCode3, #errorCode4, #errorCode5,
#errorCode6, #errorCode7, #errorCode8, #errorCode9, #errorCode10,

#errorDb1, #errorDb2, #errorDb3, #errorDb4, #errorDb5,
#errorDb6, #errorDb7, #errorDb8, #errorDb9, #errorDb10
{
	position: absolute;
	top: -25px;
	left: -260px;
	width: 255px;
	background:  url(../-assets/image/error/error_frame_sides-trans.png) no-repeat 0 0;
	display: none;
}

div.errorBottom
{
	height: 11px;
}

.errorGeneric
{
display: block;
}

ul.errorList {
	margin: 0 50px 5px 10px;
	padding: 10px 0 5px 0;
	color: #FFF;
	cursor: default;
	font-size: 0.75em;
}

ul.errorList li
{
	padding-left: 32px;
}

ul.errorList li.head
{
	padding-bottom: 10px;
}

ul.errorList li.e
{
	background:  url(../-assets/icon/forms/e.jpg) no-repeat 0 0;
}

ul.errorList li.i
{
	background:  url(../-assets/icon/forms/i.jpg) no-repeat 0 0;
}

ul.errorList li.c
{
	background:  url(../-assets/icon/forms/c.jpg) no-repeat 0 0;
}

ul.errorList li.a
{
	background:  url(../-assets/icon/forms/a.jpg) no-repeat 0 0;
}

ul.errorList li.d
{
	background:  url(../-assets/icon/forms/d.jpg) no-repeat 0 0;
}

.errorText {
	color: #CC0000;
}

.errorEmpty {
	background-color: #FFD0DC;
}

.errorInvalid {
	background-color: #FFFFCC;
}

.errorDb {
	background-color: #e0eefb;
}

.errorCode {
	background-color: #CCFFFF;
}


/*ICONS - LEGEND*/

legend a
{
position: absolute;
top: -25px;
width: 25px;
height: 25px;
cursor: help;
}

/*Icon Trigger for Help*/
legend a.helpTrigger
{
left: 0px;
/*background-color: #FF66FF;*/
}

/*Second Icon Trigger*/
legend a.secondTrigger
{
left: 25px;
width: 26px;
/*background-color: #00FFFF*/;
}

/*Third Icon Trigger*/
legend a.thirdTrigger
{
left: 51px;
width: 26px;
/*background-color: #FF3366;
*/}

/*Fourth Icon Trigger*/
legend a.fourthTrigger
{
left: 77px;
/*background-color: #6633FF;
*/}

legend.h
{
padding-left: 30px;
background:  url(../-assets/icon/forms/h-trans.png) no-repeat 0 0;
}

legend.he
{
padding-left: 55px;
background:  url(../-assets/icon/forms/he-trans.png) no-repeat 0 0;
}

legend.hd
{
padding-left: 55px;
background:  url(../-assets/icon/forms/hd-trans.png) no-repeat 0 0;
}

legend.hi
{
padding-left: 55px;
background:  url(../-assets/icon/forms/hi-trans.png) no-repeat 0 0;
}

legend.hc
{
padding-left: 55px;
background:  url(../-assets/icon/forms/hc-trans.png) no-repeat 0 0;
}

legend.hei
{
padding-left: 80px;
background:  url(../-assets/icon/forms/hei-trans.png) no-repeat 0 0;
}

legend.hec
{
padding-left: 80px;
background:  url(../-assets/icon/forms/hec-trans.png) no-repeat 0 0;
}

legend.hed
{
padding-left: 80px;
background:  url(../-assets/icon/forms/hed-trans.png) no-repeat 0 0;
}

legend.hic
{
padding-left: 80px;
background:  url(../-assets/icon/forms/hic-trans.png) no-repeat 0 0;
}

legend.hid
{
padding-left: 80px;
background:  url(../-assets/icon/forms/hid-trans.png) no-repeat 0 0;
}

legend.heic
{
padding-left: 108px;
background:  url(../-assets/icon/forms/heic-trans.png) no-repeat 0 0;
}