/* ========================================================	*
 *  CSS Created by 5Q Communications						*
 * --------------------------------------------------------	*
 *															*
 *  Contact 5Q Communications, Inc. before modifying		*
 *															*
 *	~ 800-747-4214 ext. 904									*
 * 	~ http://www.5qcommunications.com/						*
 *															* 
 * --------------------------------------------------------	*/
 
/* ============================================	*
 *  This stylesheet controls all the structure	*
 * --------------------------------------------	*/

html {
	background: #cddae3 url(/static/images/bg.gif) repeat-x;
	position: relative;
}
body {
	margin: 0;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #333;
	background: url(/static/images/page-bg.jpg) no-repeat 50% 0;
	min-width: 932px;
}
img {
	border: none;
	display: block;
}
a:focus {
	outline: none;
}
form {
	margin: 0;
	padding: 0;
}
#main {
	margin: 0 auto;
	width: 932px;
	position: relative;
}
.skip {
	display: none;
}
#header {
	width: 932px;
	height: 225px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/static/images/header-bg.jpg) no-repeat 220px 0;
	z-index: 10;
}
.logo {
	position: absolute;
	top: 10px;
	left: 7px;
}
.logo a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/static/images/logo.gif) no-repeat;
	width: 219px;
	height: 119px;
}
/* Language-specific logos */
.logo a.en {
	background: url(/static/images/logo.gif) no-repeat;
}
.logo a.es {
	background: url(/static/images/logo.gif) no-repeat;
}
#lang {
	float: left;
	display: inline;
	font-size: 14px;
	line-height: 17px;
	margin: 125px 0 0 23px;
}
#lang a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	float: left;
	padding: 0 0 8px;
}
#main-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 176px;
	left: 393px;
	font-size: 14px;
	line-height: 17px;
}
#main-nav li {
	float: left;
	list-style: none;
	padding: 0 10px 10px 0;
}
#main-nav li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	float: left;
	padding: 0 5px 8px;
}
#main-nav li a.active {
	border-bottom: 7px solid #fff;
}
#main-nav li:hover,
#main-nav li.hover,
#lang:hover,
#lang.hover {
	position: relative;
}
#main-nav li:hover .drop-down,
#main-nav li.hover .drop-down,
#lang:hover .drop-down,
#lang.hover .drop-down {
	display: block;
}
#main-nav li.hover .drop-down li.hover .drop-down, 
#main-nav li:hover .drop-down li:hover .drop-down {
	display: block;
}
#main-nav li.hover .drop-down .drop-down, 
#main-nav li:hover .drop-down .drop-down {
	display: none;
}
#main-nav li .drop-down,
#lang .drop-down {
	display: none;
	position: absolute;
	top: 32px;
	left: -4px;
	z-index: 999;
	width: 163px;
	background: url(/static/images/opacity.gif) repeat;
}
#main-nav li .drop-down .drop-down {
	top: 0px;
	left: 150px;
}
#main-nav li .drop-down-bottom,
#lang .drop-down .drop-down-bottom {
	float: left;
	background: url(/static/images/drop-down-bg-bottom.png) no-repeat;
	width: 163px;
	height: 4px;
	overflow: hidden;
	font-size: 0;
	overflow: hidden;
}
#main-nav li .drop-down-top {
	background-color: #112c3b;
	height: 1px;
	width: 155px;
	margin: 0 0 0 4px;
	font-size: 0;
	overflow: hidden;
}
#main-nav li .drop-down ul,
#lang .drop-down ul {
	margin: 0;
	padding: 0 0 3px 10px;
	background: url(/static/images/drop-down-bg.png) repeat-y;
	width: 153px;
	float: left;
	font-size: 12px;
	line-height: 15px;
}

#main-nav li div.drop-down ul li.last {
	display: none;
}
#main-nav li .drop-down ul li,
#lang .drop-down ul li {
	float: none;
	padding: 4px 0 5px;
	position: relative;
	list-style: none;
}
#main-nav li .drop-down ul li a,
#lang .drop-down ul li a {
	float: none;
	padding: 0;
	display: block;
	width: 143px;
}
#main-nav li a.arrow {
	background: url(/static/images/arrow.gif) no-repeat 130px 6px;
}
#main-nav li:hover a,
#main-nav li.hover a,
#lang:hover a,
#lang.hover a {
	border-bottom: 7px solid #112b3a;
}
#main-nav li:hover ul li a,
#main-nav li.hover ul li a,
#lang:hover .drop-down ul li a,
#lang.hover .drop-down ul li a {
	border: none;
}
#main-nav li ul li:hover a,
#main-nav li ul li.hover a {
	color: #05c7ff;
}
#main-nav li ul li:hover ul li a,
#main-nav li ul li.hover ul li a {
	color: #fff;
}
#main-nav li ul li ul li a:hover,
#lang .drop-down ul li a:hover {
	color: #05c7ff;
}
#main-nav li ul li ul li a.active,
#main-nav li ul li ul li a.active:hover,
#lang .drop-down ul li a.active,
#lang .drop-down ul li a.active:hover {
	color: #ffca05;
}
.top-nav {
	float: right;
	width: 339px;
	margin: 20px 0 0;
	padding: 0;
}
.btm-nav {
	overflow: hidden;
	padding: 22px 0 12px 5px;
}
.form a {
	text-decoration: none;
	color: #333;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	vertical-align: top;
}
.form {
	float: right;
	clear: right;
	margin: 18px 43px 0 0;
	display: inline;
}
.form .input {
	background: url(/static/images/input-bg.gif) no-repeat;
	width: 206px;
	height: 30px;
	float: left;
	margin: 1px 3px 0 0;
}
.form .input input {
	width: 193px;
	float: left;
	padding: 5px;
	outline: none;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #333;
	border: none;
	background: none;
}
.form a {
	float: left;
	margin: -1px 0 0;
}
.container {
	overflow: hidden;
	width: 100%;
	padding: 225px 0 0;
}
.top-area {
	background: url(/static/images/top-container-bg.gif) repeat-y 1px 0;
}
.top-area .top-area-bg {
	background: url(/static/images/top-container-bg-top.gif) no-repeat 1px 0;
}
.top-area .top-area-bg-bottom {
	background: url(/static/images/top-container-bg-bottom.png) no-repeat 1px 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 0 40px;
}
.buttons-area {
	overflow: hidden;
	margin: -1px 0 0 17px;
	width: 895px;
}
.buttons-area .buttons-block {
	float: right;
}
.logged {
	float: left;
	font-size: 12px;
	line-height: 15px;
	margin: 8px 9px 0 0;
}
.note {
	margin: 10px 0 0 20px;
}
.note p {
	font-size: 13px;
	line-height: 15px;
}
.top-area h1 {
	margin: 20px 0 0 20px;
	color: #010101;
	font-size: 28px;
	line-height: 31px;
	font-weight: bold;
	letter-spacing: -1px;
}
.progress-bar {
	margin: 0 2px 0 1px;
	background: url(/static/images/progress-bar.gif) no-repeat;
	width: 323px;
	height: 30px;
	overflow: hidden;
	position: relative;
	float: left;
}
.progress .progress-bar {
	margin: 0 1px 0 -1px;
	float: left;
	background: url(/static/images/progress-bar-green.gif) no-repeat;
}
.progress-bar .item {
	background: url(/static/images/progress-bar-state.gif) no-repeat 100% 0;
	height: 28px;
	width: 0%;
	margin: 1px 0 0 -1px;
}
.progress-bar .left {
	background: url(/static/images/progress-bar-left.png) no-repeat;
	height: 30px;
	width: 5px;
	position: absolute;
	top: 0;
	left: 0;
}
#columns-holder {
	overflow: hidden;
	width: 100%;
	background: url(/static/images/container-bg-tile.png) repeat-y;
}
.col-1 {
	float: left;
	width: 651px;
	display: inline;
	position: relative;
}
.col-1-bg-holder {
	width: 630px;
	overflow: hidden;
	padding: 0 0 2px 21px;
	background: transparent url(/static/images/container-bg.png) repeat-y;
}
.col-1 .content {
	width: 610px;
	position: relative;
}
#footer {
	background: url(/static/images/container-bg-btm.png) no-repeat 1px 0;
	overflow: hidden;
	padding: 0 0 30px;
	margin: 0 0 0 0;
}
.site-create {
	float: right;
	background: url(/static/images/site-create.gif) no-repeat;
	width: 100px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 29px 8px 0 0;
}
#footer p {
	padding: 0 0 0 2px;
	margin: 0 0 0 5px;
	color: #768894;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	clear: both;
}
#footer ul {
	margin: 21px 0 13px 6px;
	padding: 0;
	float: left;
	display: inline;
}
.col-2 {
	float: left;
	width: 265px;
	margin: 0 0 0 -4px;
}

/* ============================================ *
 *  - Sidebar List								*
 * -------------------------------------------- */
.resources {
	margin: 0 0 -1px;
	padding: 0;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 17px;
}
.resources li {
	list-style: none;
}
.resources li.odd a {
	background: #e9e9e9;
}
.resources li.even a {
	background: #efefef;
}
.resources li a {
	display: block;
	height: 1%;
	text-decoration: none;
	color: #930;
	font-weight: bold;
	border-bottom: 2px dotted #cdcdcd;
	padding: 7px 5px 5px 15px;
}
.resources li a:hover {
	background: #f4f4f4;
	color: #f42d00;
}
.resources li.last {
	height: 8px;
	line-height: 8px;
	margin: -2px 0 0 0;
	background: #cdcdcd;
}

/* ============================================ *
 *  - Message Widget Styles						*
 * -------------------------------------------- */

.sub-col-1,
.sub-col-2 {
	float: left;
	width: 350px;
	margin: 34px 0 0 15px;
	display: inline;
}
.sub-col-2 {
	display: inline;
	float: left;
	width: 498px;
	margin: 34px 0 0 18px;
}
.sub-col-1 h2,
.sub-col-2 h2,
.message h2,
.writing h2 {
	margin: 0;
	padding: 0 0 10px;
	color: #333;
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
}
.sub-col-2 h2,
.message h2,
.writing h2 {
	padding-bottom: 12px;
}
.sub-col-1 p,
.sub-col-2 p,
.message p,
.writing p {
	margin: 0;
	font-size: 13px;
	line-height: 17px;
}
.sub-col-2 p {
	font-size: 11px;
	line-height: 14px;
	clear: both;
	padding: 12px 0 0 2px;
}
.sub-col-1 p a,
.sub-col-2 p a,
.message p a,
.writing p a {
	color: #566c25;
	text-decoration: none;
}
.sub-col-1 p a:hover,
.sub-col-2 p a:hover,
.message p a:hover,
.writing p a:hover {
	text-decoration: underline;
}
/* ============================================ *
 *  - Breadcrumbs								*
 * -------------------------------------------- */
.breadcrumbs {
	width: 888px;
	overflow: hidden;
	color: #666;
	font-size: 1.0em;
	border-bottom: 8px solid #e6e6e6;
	padding: 12px 0 10px 0;
	margin: 0 22px 0;
}
.breadcrumbs a {
	color: #222;
	text-decoration: none;
}
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs strong {
	float: left;
	text-transform: capitalize;
	color: #000;
}
.breadcrumbs ul {
	float: left;
	margin: 0 0 0 16px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.breadcrumbs ul li {
	float: left;
	background: url(/static/images/bg-bullet-arrow.gif) no-repeat left;
	margin: 0 0 0 -5px;
	padding: 0 12px;
}

/* ============================================ *
 *  - Attention	Widget							*
 * -------------------------------------------- */

.attention {
	background: url(/static/images/yellow-box-bg.png) repeat-y;
	width: 891px;
	margin: 20px 0 0 20px;
}
.attention .attention-bg {
	background: url(/static/images/yellow-box.png) no-repeat;
}
.attention .attention-bg-bottom {
	background: url(/static/images/yellow-box-bottom.png) no-repeat 0 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 0 39px;
}

/* ============================================ *
 *  - Course Progress Widget					*
 * -------------------------------------------- */

.progress {
	background: url(/static/images/green-box-bg.png) repeat-y;
	border-bottom: 8px solid #81b86e;
	width: 891px;
	margin: 20px 0 0 20px;
}
.progress .progress-bg {
	overflow: hidden;
	width: 100%;
	background: url(/static/images/green-box.png) no-repeat;
	padding: 0 0 24px;
}
.progress p.wait {
	float: left;
	width: 160px;
	clear: none;
	padding: 3px 0 0 5px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
}

/* ============================================ *
 *  - Note Widget								*
 * -------------------------------------------- */

.note {
	background: #fde37b;
	border-bottom: 8px solid #f4c04c;
	width: 891px;
	margin: 20px 0 0 20px;
}
.note .note-bg {
	overflow: hidden;
	width: 100%;
	background: url(/static/images/note-box.png) no-repeat;
	padding: 0;
}
.writing {
	display: inline;
	float: left;
	width: 847px;
	margin: 26px 0 0 22px;
}
.writing p a {
	color: #a92d0b;
}
/* ============================================ *
 *  - Welcome Widget							*
 * -------------------------------------------- */

.welcome {
	overflow: hidden;
	background: #fddf6d;
	border-bottom: 8px solid #f4c04c;
	width: 891px;
	margin: 20px 0 0 20px;
}
.welcome .welcome-bg {
	overflow: hidden;
	width: 100%;
	background: url(/static/images/welcome-box.jpg) no-repeat;
	padding: 0;
}
.message {
	display: inline;
	float: left;
	width: 430px;
	margin: 26px 0 0 7px;
}
.message p a {
	color: #a92d0b;
}

/* ============================================ *
 *  - Dashboard Styles							*
 * -------------------------------------------- */
.lines-holder {
	background: url(/static/images/lines.gif) repeat-y;
	width: 890px;
	margin: 19px 0 0 21px;
	overflow: hidden;
	padding: 0 0 14px;
}
.lines-holder .box-1,
.lines-holder .box-2,
.lines-holder .box-3,
.lines-holder-2 .box-1,
.lines-holder-2 .box-2,
.lines-holder-2 .box-3,
.lines-holder-3 .box-1,
.lines-holder-3 .box-2,
.lines-holder-3 .box-3 {
	float: left;
	width: 229px;
	margin: 0 0 0 17px;
	display: inline;
}
.lines-holder .box-2 {
	width: 266px;
}
.lines-holder .box-3 {
	width: 340px;
}
.lines-holder-2 .box-1 {
	width: 263px;
	margin-left: 18px;
}
.lines-holder-2 .box-2 {
	width: 263px;
	margin: 0 0 0 31px;
}
.lines-holder-2 .box-3 {
	width: 263px;
	margin: 0 0 0 34px;
}
.lines-holder-3 .box-1 {
	width: 263px;
	margin-left: 16px;
}
.lines-holder-3 .box-2 {
	width: 263px;
	margin: 0 0 0 33px;
}
.lines-holder-4 .box-1 {
	margin: 17px 0 0 16px;
	width: 560px;
	float: left;
}
.lines-holder-4 .box-2 {
	width: 263px;
	float: right;
	clear: right;
	overflow: hidden;
	margin: 0 17px 0 0;
}
.lines-holder-3 .box-3 {
	width: 263px;
	margin: 0 0 0 34px;
}
.lines-holder-4 .box-3 {
	width: 263px;
	float: right;
	overflow: hidden;
	margin: 0 17px 0 0;
}
.lines-holder .heading,
.lines-holder-2 .heading,
.lines-holder-3 .heading,
.lines-holder-4 .heading {
	font-size: 20px;
	line-height: 23px;
	letter-spacing: -1px;
	display: block;
	margin: 17px 0 0 2px;
	padding: 0 0 12px;
}
.lines-holder-2 .heading {
	margin-left: 0;
}
.lines-holder-3 .heading,
.lines-holder-4 .heading {
	margin: 14px 0 0;
}
.lines-holder h2,
.lines-holder-1 h2,
.lines-holder-2 h2,
.lines-holder-3 h2,
.lines-holder-4 h2 {
	font-size: 20px;
	line-height: 23px;
	letter-spacing: -1px;
	display: block;
	margin: 17px 0 0 0;
	padding: 0 0 12px;
	border-bottom: 8px solid #c7c7c7;
	color: #010101;
}
h2.borderless {
	border-bottom: none;
}
.lines-holder p {
	margin: 0;
	padding: 14px 0 0;
	clear: both;
	color: #666;
	font-weight: normal;
}
.lines-holder-2 .banner {
	margin: -1px 0 0;
}
.lines-holder-2,
.lines-holder-3,
.lines-holder-4 {
	background: url(/static/images/lines-2.gif) repeat-y;
	margin: 15px 0 0 21px;
	padding: 0 0 15px;
	overflow: hidden;
	width: 890px;
}
.lines-holder-3 {
	background: url(/static/images/lines-3.gif) repeat-y;
}
.lines-holder-4 {
	position: relative;
	background: url(/static/images/lines-4.gif) repeat-y;
}
.lines-holder-1 .banner,
.lines-holder-2 .banner,
.lines-holder-3 .banner {
	margin-top: 17px;	
}
.lines-holder-2 .btn-gray,
.lines-holder-3 .btn-gray,
.lines-holder-4 .btn-gray {
	float: right;
	margin: 11px 0 0;
}
.description {
	padding: 15px 0 15px;
}
.description p {
	color: #000;
	font-size: 13px;
	line-height: 15px;
	margin: 0 0 0 3px;
}

/* ============================================ *
 *  - Featured List								*
 * -------------------------------------------- */

.featured {
	width: 263px;
	margin-bottom: 15px;
}
.featured div {
	overflow: hidden;
	padding: 10px;
	width: auto;
	border-bottom: 2px dotted #c5c5c5;
}
.featured div.odd {
	background: #efefef;
}
.featured div.even {
	background: #e9e9e9;
}
.featured h3 {
	margin: 1px 0 0;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
}
.featured h3 a {
	text-decoration: none;
	color: #930;
}
.featured h3 a:hover {
	color: #f42d00;
}
.featured p {
	margin: 10px 0;
}
.featured ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
.featured ul li {
	width: auto;
	float: left;
	list-style: none;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	padding: 0 5px 0 10px;
	margin: 0;
	background: url(/static/images/bullet-2.gif) no-repeat 0 5px;
	color: #999;
}
.featured ul li.first {
	padding-left: 0;
	background: none;
}
.featured ul li a {
	color: #999;
	text-decoration: none;
}
.featured ul li a:hover {
	color: #444;
	text-decoration: none;
}

/* ============================================ *
 *  - Widget List								*
 * -------------------------------------------- */
.widget {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
}
.widget .heading {
	background: #828282 url(/static/images/heading-bg.png) no-repeat;
	overflow: hidden;
	padding: 0 10px 0 0;
	width: 255px;
}
.widget .heading h3 {
	margin: 0 0 0 15px;
	padding: 9px 0 6px;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	display: inline;
	float: left;
}
.widget .heading .icon {
	float: right;
	margin: 3px 3px 0 0;
	padding: 0 6px 0 0;
}
.widget .heading .icon span {
	padding: 0 0 0 6px;
}
.widget .heading .icon span img {
	float: left;
	border: none;
	margin: 6px 0 0 0;
}
.widget .posts .post {
	overflow: hidden;
	padding: 10px 15px;
	width: auto;
	color: #333;
	font-size: 11px;
	line-height: 15px;
	border-top: 2px dotted #c5c5c5;
}
.widget .posts .post a {
	color: #006699;
}
.widget .posts .post:first-child {
	border-top: none;
}
.widget .posts .post.last {
	height: 8px;
	border: none;
	padding: 0;
	background: #cdcdcd;
}
.widget .posts .post.odd {
	background: #efefef;
}
.widget .posts .post.even {
	background: #e9e9e9;
}
.widget .posts .post h3 {
	margin: 3px 0;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
}
.widget .posts .post h3 a {
	text-decoration: none;
	color: #930;
}
.widget .posts .post h3 a:hover {
	color: #f42d00;
}
.widget .posts .post p {
	color: #333;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
}
.widget .posts .post img {
	float: left;
	margin: 2px 10px 0 0;
	padding: 5px;
	width: 82px;
	background-color: #e6e6e6;
}
.widget .posts .post ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
.widget .posts .post ul li {
	width: auto;
	float: left;
	list-style: none;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	padding: 0 5px 0 10px;
	margin: 0;
	background: url(/static/images/bullet-2.gif) no-repeat 0 5px;
	color: #999;
}
.widget .posts .post ul li.first {
	padding-left: 0;
	background: none;
}
.widget .posts .post ul li a {
	color: #999;
	text-decoration: none;
}
.widget .posts .post ul li a:hover {
	color: #444;
	text-decoration: none;
}

.widget .posts .post a.btn-smallgray {
	margin: 5px 0 0 0;
}

/* ============================================ *
 *  - Miscellaneous								*
 * -------------------------------------------- */
.faqs {
	margin-bottom: 12px;
}
.student-resources,
.food {
	margin-bottom: 0;
}
.student-resources .post {
	padding: 14px 0 10px 15px;
}
.content .button {
	float: right;
	margin: -2px 0 0 2px;
	position: relative;
}
.gauzy {
	opacity: .25;
	filter: alpha (opacity=25);
}
.memo #videoplayer,
.welcome #videoplayer {
	float: left;
	border: 1px solid #f3c04b;	
	overflow: hidden;
	display: inline;
}
.memo #videoplayer {
	float: left;
	margin: 0 20px 20px 0;
}
.welcome #videoplayer {
	float: left;
	margin: 21px 15px 15px 15px;
}
/* ============================================ *
 *  - Newsletter Box							*
 * -------------------------------------------- */

.newsletter-box {
	background: #828282 url(/static/images/modul-box-bg.png) repeat-y 0 0;
	width: 245px;
	margin: 0;
	padding: 0 0 15px 20px;
	overflow: hidden;
}
.newsletter-box .input {
	float: left;
	background: url(/static/images/input-bg-2.png) no-repeat;
	width: 139px;
	height: 30px;
	margin: 15px 0 0 0;
	display: block;
}
.newsletter-box .input input {
	border: none;
	background: none;
	width: 124px;
	color: #666;
	font: bold 12px/14px Arial, sans-serif;
	padding: 7px;
	outline: none;
}
.newsletter-box a.btn-darkgray {
	clear: left;
	margin: 15px 0 0 0;
}
.newsletter-box a {
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	font-weight: bold;
	margin: 23px 0 0 15px;
}
.newsletter-box a:hover {
	text-decoration: underline;
}

/* ============================================ *
 *  - Login Form								*
 * -------------------------------------------- */

.form-login {
	float: left;
	width: 287px;
	margin: 1px 4px 0;
}
.form-login .fields {
	overflow: hidden;
}
.form-login .utilities {
	overflow: hidden;
	float: right;
}
.form-login .utilities a {
	margin: 5px 0 0 2px;
}
.form-login .input {
	float: right;
	background: url(/static/images/input-bg-3.gif) no-repeat;
	width: 139px;
	height: 30px;
	margin: 0 0 0 4px;
	display: inline;
}
.form-login .input input {
	background: none;
	padding: 0;
	border: none;
	padding: 7px;
	outline: none;
	width: 124px;
	color: #666;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
}
/* ============================================ *
 *  - Search Form								*
 * -------------------------------------------- */
.search {
	overflow: hidden;
	padding: 10px 0;
	margin: 0 !important;
}
.search .input {
	float: left;
	background: url(/static/images/bg-search-field.png) no-repeat;
	width: 300px;
	height: 30px;
	margin: 1px 4px 0 0;
	display: inline;
}
.search .input input {
	background: none;
	padding: 0;
	border: none;
	padding: 7px;
	outline: none;
	width: 286px;
	color: #666;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
}
.buttons span.center {
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
}
/* ============================================ *
 *  - Email Container							*
 * -------------------------------------------- */
.email-container .content {
	width: 550px;
	padding: 20px;
}
.email-container-btm {
	width: 589px;
	background: url(/static/images/container-bg-bottom.gif) no-repeat 1px 100%;
	padding: 0 0 9px 0;
}
.email-container {
	width: 589px;
	background: url(/static/images/email-container-bg-tile.png) repeat-y 0 0;
}

/* ============================================ *
 *  - 365Team									*
 * -------------------------------------------- */

span.name {
	color: #666;
}