@import "/static/css/layout.css";
@import "/static/css/form-styles.css";
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body                {font-family:Arial, Helvetica, sans-serif;font-size:.8em;line-height:1.1em;color: #333;}

h1                  {font-size:1em;color:#FFFFFF;background:url(/static/images/h1_login_bg.gif) repeat-x;height:27px;line-height:27px;margin:0;padding:0 10px;text-align:left}
* html body h1      {margin-right:-22px}
* html td           {font-size:.8em}

#top_block          {background:url(/static/images/top_login_bg.gif) repeat-x}
#qg_pci             {position:absolute;top:14px;left:30px}
#logo               {position:absolute;top:12px;right:30px}
#footer             {font-size:.8em;position:absolute;top:6px;right:10px}

.form_box           {background-color:#EAEAEA;width:400px;margin:10px auto;border-right:1px solid #BEBEBE;border-left:1px solid #BEBEBE;}
.form_box_shell     {border-top:1px solid #E9E9E1;border-bottom:1px solid #BEBEBE;padding:6px 10px;text-align:center;}
/*
.form_box           {background:url(/static/images/form_bg.gif);width:400px;margin:10px auto;border-right:1px solid #BDBDBB;border-left:1px solid #E9E9E1}
.form_box_shell     {border-top:0px solid #E9E9E1;border-bottom:1px solid #BDBDBB;padding:6px 10px}*/
.form_box_fields    {background-color:#fff;border:1px solid #B3B4AF;padding:3px;}
.form_box_fields td {text-align:left;padding:3px;}

.form_vip_box           {background-color:#EAEAEA;width:500px;margin:10px auto;border-right:1px solid #BEBEBE;border-left:1px solid #BEBEBE}
.form_vip_box_shell     {text-align:left;border-top:1px solid #E9E9E1;border-bottom:1px solid #BEBEBE;padding:6px 10px}

#note               {width:400px;margin:30px auto 0 auto;padding-top:10px;text-align:left}
#note h3            {margin:0 0 0 10px;color:#005DCF;font-size:1.1em;line-height:1.3em}
#note p             {margin:1em 15px 1em 12px;line-height:1.25em;font-size:12px}

.sm                 {height:179px;background:url('/static/images/box_note_sm.png') no-repeat center top}
.md                 {height:275px;background:url('/static/images/box_note_med.png') no-repeat center top}
.lg                 {height:304px;background:url('/static/images/box_note_lg.png') no-repeat center top}

.align_left         {text-align:left}
.align_center       {text-align:center}
.align_right        {text-align:right}


.container {
    width: 830px;
    margin: 0 auto;
}

.left_section {
    float: left;
}

.right_section {
    float: left;
}

p {
    padding: 5px 5px 10px 5px;
}


.help_img{text-align:center;margin:7px;}

#help_div{display:none;}

/* Notification box css*/

.notification_box {
	border: 3px solid #91b8ed;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 400px;
	 /*margin: 5px 20px 12px 0; */
	margin:20px auto;
	padding-bottom: 2px;
	text-align: left;
	font-family:Arial,Helvetica,sans-serif;
}

.notification_box_1 {
	border: 3px solid #91b8ed;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 400px;
	 /*margin: 5px 20px 12px 0; */
	margin:20px auto;
	padding-bottom: 2px;
	text-align: left;
	font-family:Arial,Helvetica,sans-serif;
}

.notif_content{
	padding:0 10px;
}

.notif_content_2{
	padding:0 10px;
	float: left;
	width: 267px;
}

.council_logo{
	background: transparent url("/static/images/council_logo_small.gif") no-repeat scroll center center;
	height: 81px;
	margin-top:5px;
	float:left;
	width:105px;
}

.release_div{
	padding:5px 10px;
	border-top:1px solid #CCC;
}

.notification_box h3 {
	background:url("/static/images/h1_bg.gif") repeat-x scroll 0 0 transparent;
	font-size:14px;
	margin: 4px 0;
	padding: 5px 10px;
}

.notification_box h4 {
        background:url("/static/images/h1_bg.gif") repeat-x scroll 0 0 transparent;
        font-size:12px;
        margin: 4px 0;
        padding: 5px 10px;
}

.notification_box_1 h3 {
	background:url("/static/images/h1_bg.gif") repeat-x scroll 0 0 transparent;
	font-size:14px;
	margin: 4px 0;
	padding: 5px 10px;
}

.info {
    color: #0059d5;
}

.warning {
    color: #e38f00;
}

.error {
    color: #ed2200;
}

.notification {
    color: blue;
}

.clear      {clear:both}

.link_note {
	margin-left:260px;
	padding-left:12px;
	color:#005BD5;
	background:url("/static/images/Tick_arrow.png") no-repeat scroll left center transparent;
}

a {
	text-decoration:none;
	color:#005BD5;
}

a:hover {
	text-decoration: underline;
}


/* css for data center and training boxes */

.notif_content {
	margin-left: 40px;
}

.info_logo{
	background: url("/static/images/alert-blue.png") no-repeat scroll right bottom #FFFFFF;
	width:42px;
	height:35px;
	float:left;
}

.warning_logo{
	background: url("/static/images/alert-yellow.png") no-repeat scroll right bottom #FFFFFF;
	width:42px;
	height:35px;
	float:left;
}

.error_logo{
	background: url("/static/images/alert-red.png") no-repeat scroll right bottom #FFFFFF;
	width:42px;
	height:35px;
	float:left;
}