/* -------
Wrapper Container
------- */

/* -------
CREW REQUEST PANEL - Structure
------- */

h1.crewList
{
padding: 30px 0 30px 85px;
background:  url(../-assets/icon/public/crew_list/crew_list_large.png) no-repeat 0 0;
}

#crewRequestUL {
	font-size: 0.75em;
	color: #FFF;
	background-color: #EFECE5;
}

#crewRequestUL li {
	border-bottom: 1px solid black;
	padding: 5px 10px 5px 10px;
}

/* -------
CREW REQUEST PANEL - HEADING
------- */
#crewRequestUL li.heading {
	border-top: 1px solid black;
	color: #000;
	font-weight: bold;
	cursor: default;
	background:  url(../../display/s.client/login/.panel/.assets/image/login_header_slice.jpg)repeat-x 0 0;
}

/* -------
CREW REQUEST PANEL - LINKS
------- */
#crewRequestUL li a:link, #crewRequestUL li a:visited {
	text-decoration: none;
	color: #000;
	background-color: inherit;
}

#crewRequestUL li a:hover {
	color: #cc0000;
}

/* -------
CREW REQUEST PANEL - ICONS
------- */
#crewRequestUL li.iconCrew {
	padding-left: 50px;
	color: #CC0033;
	background: url(../icon/login/crew.png) no-repeat 8px 1px;
	cursor: default;
}


#crewRequestUL li a:link.active
{
color: #CC0000;
}

#requestPanelDIV, #logInPanelDIV
{
	padding-top: 5px;
	margin-bottom: 25px;
	background-color: #BDB9B4;
	border-bottom: 1px solid #000;
}


/*LOG IN AND REQUEST PANEL TABELS*/

table.logInPanel, table.requestPanel
{
	width: 200px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	margin-bottom: 5px;
	background-color: #ECE9E2;
}

table.logInPanel td, table.requestPanel td
{
	border-bottom: 1px solid #000;
	padding: 5px 0 5px 10px;
	font-size: 12px;
	cursor: default;
}

table.logInPanel td.image, table.requestPanel td.image
{
	width: 38px;
	padding: 0;
	border-right: 1px solid #000;
}

table.logInPanel td.link, table.requestPanel td.link
{
	padding: 0;
}

table.requestPanel td a.viewList
{
	background:  url(../-assets/icon/public/crew_list/view_list.png) no-repeat 97% 3px;
}

table.requestPanel td a.viewCrew
{
	background:  url(../-assets/icon/public/crew_list/view_crew.png) no-repeat 97% 2px;
}

table.logInPanel td a:link, table.logInPanel td a:visited,
table.requestPanel td a:link, table.requestPanel td a:visited
{
	display: block;
	padding: 5px 0 5px 10px;
	text-decoration: none;
	color: #CC0000;
}

table.logInPanel td a:hover, table.requestPanel td a:hover
{
	background-color: #BDBEB6;
	color: #FFF;
}

table.logInPanel td a.active
{
	background-color: #BDBEB6;
	color: #FFF;
}

table.requestPanel td a.active
{
	cursor: default;
	background:  url(../-assets/icon/public/crew_list/view_crew.png) no-repeat 97% 2px;
	color: #CC0000;
}

table.logInPanel td.bold
{
	font-weight: bold;
	color: #333399;
}

table.requestPanel td.link
{
	font-weight: bold;
	color: #CC0000;
}



/*OTHER STUFF*/

table.add1
{
background:  url(../-assets/icon/vessel/crew_added.gif) no-repeat 100% 10px;
}

table.rem1
{
background:  url(../-assets/icon/vessel/crew_removed.gif) no-repeat 100% 10px;
}

#wrapperAdmin {
	position: relative;
	width: 770px;
	margin: 0px auto;
	text-align: left;
	color: inherit;
	border: 1px solid #000;
	background: #fdfffd url( ) no-repeat 0 0;
}

tr.beige, td.beige
{
background-color: #EFECE5;
}

table.crewList td.position
{
font-weight: bold;
font-size: 12px;
padding: 6px 0 7px 55px;
color: #2B2483;
}

table.crewList td.control
{
border-left: none;
}

table.crewSummary, table.crewList
{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 0.75em;
	margin-bottom: 20px;
}

table.crewSummary td, table.crewList td
{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	padding: 4px 5px;
}

table.crewSummary tr.blue, table.crewList tr.blue, table.requestPanel tr.blue
{
	background: #D5E3F0;
}

table.blue
{
	background: #F0F8FF;
}

table.crewSummary tr.yellow
{
	background: #F0F0B5;
}

table.yellow
{
	background: #FFFFCC;
}

table.crewSummary tr.grey
{
	background: #D9D9D9;
}

table.grey
{
	background: #E7E7E7;
}

table.crewSummary td.image, table.crewList td.image
{
width: 75px;
padding: 0;
}


table.crewAbstract
{
border-top: 2px solid #999999;
margin-bottom: 20px;
}

table.crewDetail
{
margin-bottom: 20px;
border-bottom: 1px solid #000;
}


table.crewAbstract td
{
font-weight: bold;
font-size: 12px;
padding: 8px 0;
text-align: left;
border-bottom: 1px solid #000;
}

table.crewDetail td
{
padding: 5px;
font-size: 12px;
text-align: left;
border-top: 1px solid #000;
border-left: 1px solid #000;
}

table.crewDetail td.right
{
border-right: 1px solid #000;
}

table.crewAbstract td.expOff
{
color: #999999;
}

table.crewAbstract td.name
{
font-size: 18px;
padding-top: 0;
border-bottom: none;
vertical-align: top;
color: #CC0000;
}

table.crewDetail td.name, table.crewImage td.name
{
font-size: 16px;
font-weight: bold;
padding: 0 0 10px 0;
border: none;
}

table.crewAbstract td.vSpacer
{
width: 20px;
border: none;
}

table.crewAbstract td.hSpacer
{
padding: 0;
border: none;
}

table.crewAbstract td.image
{
padding: 0;
width: 200px;

border-top: 3px solid #999999;
border-left: 3px solid #999999;
border-bottom: 3px solid #666666;
border-right: 3px solid #666666;
}

table.crewImage
{
margin-bottom: 20px;
}

table.crewImage td.image 
{
padding: 0;

border-top: 3px solid #999999;
border-left: 3px solid #999999;
border-bottom: 3px solid #666666;
border-right: 3px solid #666666;
}

table.crewSummary td.stars
{
padding: 0px 0px 0px 5px;
}

/* -------
Header Container
------- */

#headerAdmin
{
	position: relative;
	padding-top: 1px;
	clear: both;
	height: 130px;
}

fieldset ol li textarea.comments
{
	width: 449px;
	margin-bottom: 0;
}

#headerAdmin h1
{
	position: absolute;
	top: 30px;
	left: 25px;
	font-size: 1.2em;
	width: 700px;
	text-align: left;
	color: #2B2483;
}

#headerAdmin h1 span
{
	color: #CC0000;
}


/* -------
Navigation Top Container
------- */
#navTop {
	height: 47px;
	background:  url(../-assets/image/public/navigation/nav_top_slice.jpg) repeat-x 0 0;
}


/* -------
Main Content
------- */
#contentAdmin {
	width: 455px;
	float: left;
	margin-bottom: 25px;
	padding: 25px 25px 0 25px;
	border-top: 1px solid black;
	border-left: 1px solid black;

	background: url( ) no-repeat 0 0;
}


/* -------
Footer Container
------- */
#footerAdmin {
	position: relative;					
	height: 32px;
	background: url( ) repeat-x 0 0;
}


#navFooterAdminUL {
	position: absolute;		
	top: 10px;
	right: 10px;
	font-size: 75%;
}

#copyrightAdmin
{
font-size: 0.7em;
font-weight: bold;
padding-left: 20px;
}

#navFooterAdminUL li {
    display: inline;
	padding: 0 10px;
	border-left: 1px solid black;
}

/*table.crewAbstract td.miOn
{
width: 20px;
padding: 0 5px;
background: #FFF url(../icon/vessel/miOn.gif) no-repeat 2px 5px; 
color: #FFFFFF;
}
*/
table.crewAbstract td.miOn
{
background:  url(../-assets/icon/vessel/miOn.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewAbstract td.miOff
{
background:  url(../-assets/icon/vessel/miOff.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewAbstract td.meOn
{
background:  url(../-assets/icon/vessel/meOn.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewAbstract td.meOff
{
background:  url(../-assets/icon/vessel/meOff.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewAbstract td.csOn
{
background:  url(../-assets/icon/vessel/csOn.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewAbstract td.csOff
{
background:  url(../-assets/icon/vessel/csOff.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewAbstract td.myOn
{
background:  url(../-assets/icon/vessel/myOn.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewAbstract td.myOff
{
background:  url(../-assets/icon/vessel/myOff.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewAbstract td.syOn
{
background:  url(../-assets/icon/vessel/syOn.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewAbstract td.syOff
{
background:  url(../-assets/icon/vessel/syOff.gif) no-repeat 0 4px; 
width: 28px;
}

table.crewDetail td.iconMi
{
padding-left: 30px;
background:  url(../-assets/icon/vessel/mi.gif) no-repeat 2px 2px; 
}

table.crewDetail td.iconMe
{
padding-left: 30px;
background:  url(../-assets/icon/vessel/me.gif) no-repeat 2px 2px; 
}

table.crewDetail td.iconCs
{
padding-left: 30px;
background:  url(../-assets/icon/vessel/cs.gif) no-repeat 2px 2px; 
}

table.crewDetail td.iconMy
{
padding-left: 30px;
background:  url(../-assets/icon/vessel/my.gif) no-repeat 2px 2px; 
}

table.crewDetail td.iconSy
{
padding-left: 30px;
background:  url(../-assets/icon/vessel/sy.gif) no-repeat 2px 2px; 
}

p.warning
{
padding-left: 10px;
border-left: 4px solid #CC0000;
}

/*
ADMIN BUTTONS and BUTTON BAR - STRUCTURE
*************************************************************************************/

ol.withBar
{
border-top: 1px solid #000;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 20px;
}

ol.adminButtons li a, ol.buttonBar li a
{
	display: block;
	padding: 2px 0;
	margin-bottom: 5px;

	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #ccc #666 #666 #ccc;

	text-decoration: none;
	text-align: center;
	color: #000;
}

table.crewList td a
{
display: block;
padding: 0;
width: 20px;
height: 20px;
float: right;
text-decoration: none;
}

table.crewList td a.listView
{
margin-left: 5px;
background:  url(../-assets/icon/public/crew_list/view_crew.png) no-repeat 0 0;
}

table.crewList td a.listDelete
{
margin-left: 5px;
background:  url(../-assets/icon/public/crew_list/delete_crew.png) no-repeat 0 1px;
}


/*
ADMIN BUTTONS and BUTTON BAR - WIDTH
*************************************************************************************/

ol.adminButtons li a
{
	width: 95px;
}

ol.buttonBar li a
{
	width: 95px;
}

/*
ADMIN BUTTONS and BUTTON BAR - FLOAT POSITION
*************************************************************************************/

ol.adminButtons li a.right
{
	float: right;
}

ol.adminButtons li a.left
{
	float: left;
}

ol.buttonBar li a.right
{
	float: right;
	margin-left: 10px;
}

ol.buttonBar li a.left
{
	float: left;
}


/*
ADMIN BUTTONS and BUTTON BAR - COLORS
*************************************************************************************/

a.green:link, a.green:visited
{
	background-color: #E9FDEB;
}

a.green:hover
{
	background-color: #9CCFA1;
	color: #FFF;
}

a.yellow:link, a.yellow:visited
{
	background-color: #FFFFCC;
}

a.yellow:hover
{
	background-color: #CBCB4A;
	color: #FFF;
}

a.red:link, a.red:visited
{
	background-color: #fde9e9;
}

a.red:hover
{
	background-color: #CF9C9C;
	color: #FFF;
}

a.blue:link, a.blue:visited
{
	background-color: #e9f2fd;
}

a.blue:hover
{
	background-color: #9CB3CF;
	color: #FFF;
}

a.longGreen:link, a.longGreen:visited
{
	width: 125px;
	background-color: #E9FDEB;
}

a.longGreen:hover
{
	background-color: #9CCFA1;
	color: #FFF;
}

a.longBlue:link, a.longBlue:visited
{
	width: 125px;
	background-color: #e9f2fd;
}

a.longBlue:hover
{
	background-color: #9CB3CF;
	color: #FFF;
}

a.longRed:link, a.longRed:visited
{
	width: 125px;
	background-color: #fde9e9;
}

a.longRed:hover
{
	background-color: #CF9C9C;
	color: #FFF;
}



/*
ADMIN INFO AND PERMIT PANEELS
*************************************************************************************/

table.adminInfoPanel
{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 0.75em;
	margin-bottom: 20px;
}

table.adminInfoPanel td, table.adminInfoPanel th
{
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	padding: 5px 7px;
	vertical-align: top;
}

table.adminInfoPanel td.firstColumn
{
	width: 75px;
}

table.adminPermitPanel
{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 0.75em;
	margin-bottom: 20px;
}

table.adminPermitPanel th, table.adminPermitPanel td
{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	padding: 5px 7px;
}


table.adminInfoPanel th, table.adminPermitPanel th
{
font-weight: bold;
}

table.adminInfoPanel td.image, table.adminPermitPanel td.image
{
padding: 0;
}

table.admin, table.deleted, table.clientApproved, table.crewApproved, table.crewDeleted, table.added
{
	margin-bottom: 20px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: left;
}

table.clientAdded
{
	background: #FFFFFF url(../../.private/_assets/image/_backgrounds/client_added.gif) no-repeat 0 0;
}

table.clientEdited
{
	background: #FFFFFF url(../../.private/_assets/image/_backgrounds/client_edited.gif) no-repeat 0 0;
}

table.clientApproved
{
	background: #FFFFFF url(../../.private/_assets/image/_backgrounds/client_approved.gif) no-repeat 0 0;
}

table.clientDeleted
{
	background: #FFFFFF url(../../.private/_assets/image/_backgrounds/client_deleted.gif) no-repeat 0 0;
}



table.crewAdded
{
	background: #FFFFFF url(../../.private/_assets/image/_backgrounds/crew_added.gif) no-repeat 0 0;
}

table.crewEdited
{
	background: #FFFFFF url(../../.private/_assets/image/_backgrounds/crew_edited.gif) no-repeat 0 0;
}

table.crewApproved
{
	background: #FFFFFF url(../../.private/_assets/image/_backgrounds/crew_approved.gif) no-repeat 0 0;
}

table.crewDeleted
{
	background: #FFFFFF url(../../.private/_assets/image/_backgrounds/crew_deleted.gif) no-repeat 0 0;
}

table.added
{
	background-color: #e9fdeb;
}

table.admin th, table.deleted th, table.crewApproved th, table.clientApproved th, 
table.crewDeleted th, table.added th
{
font-weight: bold;
}

table.admin th, table.admin td,
table.deleted th, table.deleted td,
table.clientApproved th, table.clientApproved td,
table.crewApproved th, table.crewApproved td,
table.crewDeleted th, table.crewDeleted td,
table.added th, table.added td
{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	padding: 3px 5px 5px 5px;
	color: #000;
	vertical-align: top;
}

table.admin td.image, table.crewApproved td.image, table.crewDeleted td.image
{
padding: 0;
width: 150px;
}

table td.nBor
{
border-left: none;
}

table td.req
{
padding: 0;
width: 24px;
background:  url(../-assets/icon/.private/icon_req.jpg) no-repeat 0 0;
}

table td.nReq
{
padding: 0;
width: 24px;
background:  url(../-assets/icon/.private/icon_nreq.jpg) no-repeat 0 0;
}

table td.system
{
padding: 0;
width: 24px;
background:  url(../-assets/icon/.private/icon_system.jpg) no-repeat 0 0;
}

table td.admin
{
padding: 0;
width: 24px;
background:  url(../-assets/icon/.private/icon_admin.jpg) no-repeat 0 0;
}

table td.adminGray
{
padding: 0;
width: 24px;
background:  url(../-assets/icon/.private/icon_adminGray.jpg) no-repeat 0 0;
}

table td.reqGray
{
padding: 0;
width: 24px;
background:  url(../-assets/icon/.private/icon_reqGray.jpg) no-repeat 0 0;
}

table td.nReqGray
{
padding: 0;
width: 24px;
background:  url(../-assets/icon/.private/icon_nreqGray.jpg) no-repeat 0 0;
}

table td.systemGray
{
padding: 0;
width: 24px;
background:  url(../-assets/icon/.private/icon_systemGray.jpg) no-repeat 0 0;
}

table td.info
{
padding: 0;
width: 24px;
background:  url(../-assets/icon/.private/icon_info.jpg) no-repeat 0 0;
}





table.purple, table tr.purple
{
background-color: #fde3ff;
}

table.yellow, table tr.yellow
{
background-color: #fffee3;
}


table.gray, table tr.gray
{
background-color: #D8DED3;
}

table.black, table tr.black
{
background-color: #000;
border-right: 1px solid #FFF;
}

table.yellowBrown, table tr.yellowBrown
{
background-color: #FCD794;
}

table.rose, table tr.rose
{
background-color: #e2d3d8;
}

table.yellowGreen, table tr.yellowGreen
{
background-color: #F3FFE5;
}

table.pink, table tr.pink
{
background-color: #F0D8CE;
}

table.mediumBlue, table tr.mediumBlue
{
background-color: #AAADB6;
}

table.indigo, table tr.indigo
{
background-color: #B6B8D2;
}

table.violet, table tr.violet
{
background-color: #D3E4D9;
}

table.magenta, table tr.magenta
{
background-color: #FFE5EE;
}

table tr.black td
{
color: #FFF;
}

tr.black td.borLeft
{
border-left: 1px solid #FFF;
}

/*PASTELS PALLET*/

/*
Previous Green: E9FDEB
Previous Red: FDE9E9
Previous Gray: D8DED3
Previous Blue: E9F2FD
Previous Orange: FFF2CE
*/

table.blue, table tr.blue
{
background-color: #E9F2FD;
}

table.green, table tr.green
{
background-color: #E9FDEB;
}

table.red, table tr.red
{
background-color: #FDE9E9;
}

table.orange, table tr.orange
{
background-color: #FDE4C3;
}

table.lavender, table tr.lavender
{
background-color: #E6E6FA;
}

table.gray1, table tr.gray1
{
background-color: #DCDCDC;
}

table.gray2, table tr.gray2
{
background-color: #D3D3D3;
}

table.gray3, table tr.gray3
{
background-color: #C0C0C0;
}

table.currentImage, table.currentImageClient
{
margin-top: 20px;
width: 303px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

table.currentImageClient
{

width: 152px;
}

table.currentImage td, table.currentImageClient
{
border-top: 1px solid #000;
border-left: 1px solid #000;
font-weight: bold;
}

table.currentImage td.image, table.currentImageClient td.image
{
padding: 0;
}

table.stats
{
border: 0;
margin: 10px 0 20px 0;
font-size: 100%;
font-weight: bold;
}

table.stats td
{
padding: 0 0 5px 0;
color: #BC9647;
}