body
{
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #900 url(http://static.newsok.biz/sites/connectok/ou/images/background_midslice.gif);
}

#loginbox, #registrationbox
{
	color: #000;
	width: 588px;
	padding: 10px 0 0 0;
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/background_top.gif) no-repeat 0 -20px;

}
#registrationbox
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/gray_middlefill_06.gif);
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#main
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/gray_headertop_03.jpg) no-repeat center top;
	width: 100%;
	padding-top: 250px;

}
#content
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/gray_bottom_08.jpg) no-repeat center bottom;
	width: 100%;
	padding-bottom: 40px;
}
#msg
{
	float: left;
	width: 200px;
	margin: 0 10px 0 100px;
	
}

#registrationbox #msg
{
	width: 240px;
	margin-right: 20px;
}

#msg h1
{
	color: #898989;
	font-size: 2em;
	border-bottom: 2px groove #c7c7c7;
}

#msg p
{
	color: #252525;
	line-height: 1.5;
	font-size: 12px;
}

#msg a
{
	color: #6288a0;
}

#newsok_users
{
	background-color: #fff;
	padding: 10px;
	line-height: 2;
	margin-bottom: 2em;
	border-top: 2px groove #C7C7C7;
}

#newsok_users h2
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/caution_icon_03.gif) no-repeat top left;
	line-height: 36px;
	padding-left: 50px;
}

a:link#homelink, a:link#helplink, a:visited#homelink, a:visited#helplink
{
	display: block;
	color: #fff;
	height: 31px;
	width: 100%;
	margin-bottom: 5px;
	line-height: 31px;
	padding-left: 55px;
	text-decoration: none;
}
#homelink
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/dark_homebttn_03.gif) no-repeat left center;
}
#helplink
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/dark_helpbttn_06.gif) no-repeat left center;

}
#panel_outer
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/blackpanel_middle.jpg);
	width: 340px;
	float: left;
}

#registrationbox #panel_outer
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/black_middlefill_06.gif);
	width: 485px;
}


#panel_inner
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/blackpanel_bottom.jpg) no-repeat bottom left;
	padding: 20px 20px 17px 50px;
}

#registrationbox #panel_inner
{
	padding: 1px 20px 17px;

}
#panel_inner h1
{
	color: #898989;
	font-size: 2em;	
}

.instructions
{
	font-size: 1.5em;
	color: #fff;
}

.example
{
	color: #acacac;
	font-size: 1.25em;
}
#registrationbox #panel_inner
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/black_bottom_08.gif) no-repeat bottom left;
	
}

#input_box
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/blackpanel_top.jpg) no-repeat top left;
}
#registrationbox #input_box
{
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/black_topheader_03.gif) no-repeat top left;
}
#input_box label
{
	color: #acacac;
}

#input_box form #subdir_result strong
{
	font-weight: normal;
	margin: 0 0 0 90px;
}

#input_box label em
{
	font-style: normal;
	font-size: 10px;
}

#input_box input[type=text], #input_box input[type=password]
{
	width: 210px;
	margin-bottom: 1em;
}

#input_box input[type=image]
{ 
	padding-bottom: 20px;
	margin-top: 5px;
}

#input_box input#subdir
{
	margin-bottom: 0;
}

#input_box p
{
	color: #ebebeb;
}

#input_box .fail
{
	color: #ed1c24;
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/fail.gif) no-repeat 0 2px;
	padding-left: 20px; 
	font-size: 14px;
}

.erroricon
{
	vertical-align: middle;
	padding-bottom: 4px;
}
#input_box .ftw
{
	color: #8dc63f;
	font-size: 14px;
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/ftw.gif) no-repeat 0 2px;
	padding-left: 24px; 
}

#input_box span.ftw, #input_box span.fail
{
	background-image: none;
	padding-left: 3px;
	vertical-align: middle;
}
#input_box span.ftw img, #input_box span.fail img
{
	vertical-align: middle;
	padding-bottom: 6px;
	margin-right: 1em;
}
#input_box .notice a:link, #input_box .notice a:visited
{
	color: #fff;
	font-size: 10px;
}

#statezip
{
	width: 210px;
}

#statezip div
{
	float: left;
	width: 50%;
}

#statezip input[type=text]
{
	width: 70px;
}
#actions
{
	clear: both;
	height: 31px;
	width: 578px;
	padding: 0 0 10px 10px;
}

#actions ul
{
	list-style: none;
	height: 31px;
	margin: 0;
	width: 560px;
	padding: 0;
	background: transparent url(http://static.newsok.biz/sites/connectok/ou/images/bottom_linkbar.gif) no-repeat top left;
}

#actions li
{
	float: left;
	width: 20%;
	height: 31px;
	text-align: center;
	line-height: 31px;
	padding-left: 50px;
}

#actions a
{
	color: #e1e1e1;
	display: block;
	text-decoration: none;
	font-size: 14px;
}

#actions #forgot_password
{
	width: 24%;
}

#actions #help
{
	width: 27%;
}

.return
{
	text-align: right;
	padding-right: 30px;
	font-size: 10px;
}

.return a:link, .return a:visited
{
	color: #7c7c7c;
}

#input_box a:link, #input_box a:visited
{
	color: #fff;
}

/* Every CSS file should have this */
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


