/* 
    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(../img/body_bg.png) repeat-x #DDDDDD;
	margin-top:0px;
}

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

.header {
	background:url(../img/header_bg.png) repeat-x;
	height:72px;
	margin-bottom:30px;
}
.header .left, .header .right {
	background:url(../img/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(../img/infolitglobal-top.png) no-repeat; height:40px; margin-top:15px;
}
.header .site-name-en { background-position:120px 0px; }
.header .site-name-es { background-position:120px -40px; }

/**************************************/
/*             NAVIGATION             */
/**************************************/


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


.content {
	margin-top:10px;
	background:url(../img/content-bg-y1.gif) top left repeat-y #fff;
}
.login {
	margin-top:30px; float:left;
	background:url(../img/left-bg-y1.gif) top left repeat-y #ffffff;
}
.content .top, .login .top {
	height:16px; width:100%; float:left;
	background:url(../img/content-bg-x.gif) top left repeat-x;
}
.content .bot, .login .bot {
	height:16px; width:100%; float:left;
	background:url(../img/content-bg-x.gif) bottom left repeat-x;
}
.content .corner {
	background:url(../img/content-corners.gif) no-repeat;
	width:16px; height:16px;
}
.login .corner {
	background:url(../img/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:50px;
	background:url(../img/content-bg-y2.gif) right repeat-y;
}
.content .mid .margin { float:left; width:100%; margin:10px 0px; }

.login .mid {
	float:left; width:190px;
	background:url(../img/left-bg-y2.gif) right repeat-y;
}

.content .mid h1 { margin:0px 0px 10px 0px; padding-bottom:5px;
	 height:auto; font-size:11pt; letter-spacing:0px; font-weight:bold; }

.directory h1 { color:#338844; border-bottom:#338844 dotted 1px; }
.sota h1 { color:#CC4422; border-bottom:#664422 dotted 1px; }
.logo h1 { color:#005599; border-bottom:#0055CC dotted 1px; }

.content .mid a { float:left; width:90px; height:18px; line-height:18px; color:#DDD; text-align:center; text-decoration:none;
			background:url(/media/img/buttons.png) no-repeat; padding:1px 5px; }
.content .mid a.directory { background-position:0px -40px; }
.content .mid a.sota { background-position:0px -60px; margin:0; }
.content .mid a.logo { background-position:0px -20px; margin-right:20px; }
.content .mid a:hover { background-position:0px 0px; color:#FFF; }

.sponsors { min-height:118px; text-align:center; }
.sponsors img { margin:35px 10px 0 10px; }

.message { margin-top:30px; color:#555; }
.message h2 { font-weight:normal; }

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