/* 
    Document   : directory
    Created on : 29/01/2009, 05:40:14 AM
    Author     : UBN
    Description:
        Global style for directory
*/
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
	background:url(../images/body_bg.png) repeat-x #DDDDDD;
	margin-top:0px;
}

/**************************************/
/*              HEADER                */
/**************************************/

.header {
	background:url(../images/header_bg.png) repeat-x;
	height:72px;
}
.header .left, .header .right {
	background:url(../images/header-border.png) no-repeat;
	width:50px;	height:72px;
}
.header .left  { float:left; background-position:top left; }
.header .right { float:right; background-position:top right; }
.header .site-name-en, .header .site-name-es {
	background:url(../images/ilg-logo-title.png) no-repeat; height:40px; margin-top:20px;
}
.header .site-name-en { background-position:right top; }
.header .site-name-es { background-position:0px -40px }
.header .ilg-logo { background:url(/media/img/ilg-logo.png) center no-repeat; height:40px; margin-top:15px; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
.nav {
	background:url(../images/nav-bg-y1.gif) top left repeat-y #F2F7F3;
	margin-top:10px; float:left; width:100%;
}
.nav .top {
	height:16px; width:100%; float:left;
	background:url(../images/nav-bg-x.gif) top left repeat-x;
}
.nav .bot {
	height:16px; width:100%; float:left;
	background:url(../images/nav-bg-x.gif) bottom left repeat-x;
}
.nav .corner {
	background:url(../images/nav-corners.gif) no-repeat;
	width:16px; height:16px;
}
.nav .tl { background-position:top left; float:left; }
.nav .tr { background-position:top right; float:right; }
.nav .bl { background-position:bottom left; float:left; }
.nav .br { background-position:bottom right; float:right; }

.nav .mid {
	height:auto; width:100%;
	background:url(../images/nav-bg-y2.gif) right repeat-y;
}
.ops { padding: 0; margin:40px 0px 10px 0; list-style: none; float:left; width:100%; }
.ops li { text-align:right; margin:10px 10px 5px 0; }
.ops li a, .ops li a:visited {
	background:none; font-size:1.5em; padding-right:0px; text-decoration:none;
	color:#555; }
.ops li a:hover { color:#000; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/


.content {
	margin-top:30px;
	background:url(../images/content-bg-y1.gif) top left repeat-y #fff;
}
.login {
	margin-top:30px; float:left;
	background:url(../images/left-bg-y1.gif) top left repeat-y #ffffff;
}
.content .top, .login .top {
	height:16px; width:100%; float:left;
	background:url(../images/content-bg-x.gif) top left repeat-x;
}
.content .bot, .login .bot {
	height:16px; width:100%; float:left;
	background:url(../images/content-bg-x.gif) bottom left repeat-x;
}
.content .corner {
	background:url(../images/content-corners.gif) no-repeat;
	width:16px; height:16px;
}
.login .corner {
	background:url(../images/left-corners.gif) no-repeat;
	width:16px; height:16px;
}
.content span.tl, .login span.tl { background-position:top left; float:left; }
.content span.tr, .login span.tr { background-position:top right; float:right; }
.content span.bl, .login span.bl { background-position:bottom left; float:left; }
.content span.br, .login span.br { background-position:bottom right; float:right; }

.content .mid {
	min-height:400px;
	background:url(../images/content-bg-y2.gif) right repeat-y;
}

.content .mid input[type='text'], .content .mid input[type='password'], .content .mid textarea, select
{ font-family: "Liberation Sans", Helvetica, Arial, sans-serif; font-size:11pt; color:#333; }

h1 { color:#005599; border-bottom:#005599 dotted 1px; margin:4px 0px 10px 0px; padding-bottom:10px;
	 height:auto; line-height:20px; font-size:14pt; letter-spacing:1px; font-weight:normal; }
/*h1 span { background-color:#338844; color:#FFF; padding:2px 8px; }*/

h2 { color:#555; font-weight:normal; font-size:18pt; }

.colors { margin-bottom:30px; line-height:22px; }
.colors b { color:#333 }

/**************************************/
/*               FOOTER               */
/**************************************/