/* @group Main CSS styles */
/*
 * This is the generic CSS for a Sitemasher Site.  
 * 
 */

body {
	background: #848999 url(/SMSystem/Images/NSW/nsw-gradback.png) 0 0 repeat-x;
	font: 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color:  #4E505F;
	text-align: center;
}

a {
	color: #145394;
}

a:hover {
	color: #98C745;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #759F3D;
}

.loginLabel {
	font-weight: bold;
	font-size: 13px;
}

.loginText {
	width: 446px;
	height: 28px;
	line-height: 28px;
	font-size: 20px;
	color: #4E505F;
	border: 1px solid #E1E2EC;
	background: #FAFAFA;
	margin-top: 8px;
}

.loginText:focus {
	border: 1px solid #A6AAB7;
	background: #FCFCFC;
}

/* @end */

/* @group Login capsule styles */

.login {
	position: relative !important;
	margin: 30px auto 0 auto;
	width: 816px;
	text-align: left;
}

.login.activate {
	width: 618px;
}
body#runtimeMaster .login,
body#passwordRecoveryBody .login,
body#defaultPageBody .login,
body#changepasswordBody .login,
body#errorBody .login,
body#notSupportedBody .login,
body#noPagetoLoad .login {
	width: 618px;
}

.loginTop {
	position: relative;
	width: 816px;
	height: 40px;
	background: url(/SMSystem/Images/Login/login-top.png) 0 0 no-repeat;
}

body#runtimeMaster .loginTop,
body#passwordRecoveryBody .loginTop,
body#defaultPageBody .loginTop,
body#changepasswordBody .loginTop,
body#errorBody .loginTop,
.login.activate .loginTop,
body#notSupportedBody .loginTop,
body#noPagetoLoad .loginTop {
	width: 618px;
	background: url(/SMSystem/Images/NSW/nsw-blogtopcap.png) 0 0 no-repeat;
	height: 42px;
}

.loginBtm {
	position: relative;
	width: 816px;
	height: 39px;
	background: url(/SMSystem/Images/Login/login-btm.png) 0 0 no-repeat;
}

body#runtimeMaster .loginBtm,
body#passwordRecoveryBody .loginBtm,
body#defaultPageBody .loginBtm,
body#changepasswordBody .loginBtm,
body#errorBody .loginBtm,
.login.activate .loginBtm,
body#notSupportedBody .loginBtm,
body#noPagetoLoad .loginBtm {
	width: 618px;
	background: url(/SMSystem/Images/NSW/nsw-blogbotcap.png) 0 0 no-repeat;
}

/* main login content container */
.loginMid {
	position: relative;
	overflow: auto;
	overflow-x: hidden !important;
	width: 816px;
	background: url(/SMSystem/Images/Login/login-mid.png) 0 0 repeat-y;
}

body#runtimeMaster .loginMid,
body#passwordRecoveryBody .loginMid,
body#changepasswordBody .loginMid,
body#defaultPageBody .loginMid,
body#errorBody .loginMid,
.login.activate .loginMid,
body#notSupportedBody .loginMid,
body#noPagetoLoad .loginMid {
	width: 618px;
	background: url(/SMSystem/Images/NSW/nsw-blogmid.png) -1px 0 repeat-y;
}

/* left area */
.loginLeft {
	position: relative;
	float: left;
	width: 450px;
	margin: 0 27px 0 59px;
}
body#notSupportedBody .loginLeft {
	width: 500px;
	margin: 0 0 0 59px;
}

.loginLeft p {
	margin-bottom: 15px;
}

.loginLeft p.memories {
	float: left;
	line-height: 40px;
	margin-bottom: 0;
}

.loginLeft #spcustomizeInstructions p {
	margin-bottom: 12px;
	font-size: 13px;
}

#spcustomizeInstructions h4 {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 22px 0;
}

a#spcustomizeHide {
	display: block;
	width: 71px;
	height: 24px;
	overflow: hidden;
	text-indent: -9000px;
	background: url(/SMSystem/Images/Workspace/btn_hide_signin.gif) 0 0 no-repeat;
}

a#spcustomizeHide:hover {
	background: url(/SMSystem/Images/Workspace/btn_hide_signin.gif) 0 -24px no-repeat;
}

/* image text replacement for the logo */
.loginLeft h1 {
	width: 312px;
	height: 69px;
}

.loginLeft h1 a {
	display: block;
	height: 30px;
}

.loginLeft h1 a span {
	display: none;
}

.loginLeft h3 {
	margin: 18px 0 14px 0;
	font: 18px/24px Helvetica, Arial, Verdana, sans-serif;
	color: #4E505F;
	font-weight: normal;
}


/* the "try it for free" and "sign in" buttons */
.buttons {
	position: relative;
	overflow: auto;
	margin: 0 10px 0 0;
	float: left;
}

a.buttonTry {
	display: block;
	width: 192px;
	height: 40px;
	float: left;
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -80px no-repeat;
}

a.buttonTry:hover {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -120px no-repeat;
}

a.buttonTry:active {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -200px no-repeat;
}

a.buttonTry span, a.buttonSignin span, .buttonSubmit span, .buttonApply span {
	display: none;
}

.buttonSignin {
	display: block;
	width: 192px;
	height: 40px;
	/*float: right;*/
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 0 no-repeat;
}

.buttonSignin:hover {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -40px no-repeat;
}

.buttonSignin:active {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -160px no-repeat;
}

.buttonSubmit, .buttonApply, .NoPageCreate {
	display: block;
	width: 192px;
	height: 40px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	text-indent: -9000px;
}

.buttonSubmit {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -240px no-repeat;
}

.buttonSubmit:hover {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -280px no-repeat;
}

.buttonSubmit:active {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -320px no-repeat;
}

.buttonApply {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -360px no-repeat;
}

.buttonApply:hover {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -400px no-repeat;
}

.buttonApply:active {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -440px no-repeat;
}

.NoPageCreate {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -480px no-repeat;
}

.NoPageCreate:hover {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -520px no-repeat;
}

.NoPageCreate:active {
	background: url(/SMSystem/Images/Buttons/login_buttons_sprite.png) 0 -560px no-repeat;
}

/* right area */
.loginRight {
	position: relative;
	float: left;
	width: 221px;
	margin: 0 59px 0 0;
}

/* login news area */
.loginNewsTop {
	height: 21px;
	background: url(/SMSystem/Images/Login/loginNews-top.jpg) 0 0 no-repeat;
}

/* new main content area */
.loginNewsMid {
	height: 21px;
	background: #FAFAFA;
	border-left: 1px solid #A6AAB7;
	border-right: 1px solid #A6AAB7;
	padding: 0 15px;
	height: 327px;
	overflow: hidden;
	font-size: 11px;
}

.loginNewsMid h2 {
	height: 26px;
	line-height: 26px;
	display: block;
	background: url(/SMSystem/Images/Login/title-news.png) 0 0 no-repeat;
	padding-bottom: 15px;
}

.loginNewsMid h2 span {
	display: none;
}

.loginNewsMid h3.newsReleaseHeader {
	margin-bottom: 5px;
	color: #4E505F;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
}

.loginNewsMid h3.newsReleaseHeader em {
	font-weight:normal;
}

.loginNewsMid p {
	margin-bottom: 12px;
}

.loginNewsBtm {
	height: 21px;
	background: url(/SMSystem/Images/Login/loginNews-btm.jpg) 0 0 no-repeat;
}

.scrollLayoutsNewsDialog
{
	text-align:left;
}

.validationError {
	display: block !important;
	padding: 4px;
	background: #F7DACA;
	color: #965843 !important;
	margin: 5px 0 0 0;
	-moz-border-radius: 4px;
}

.validationPassError {
	padding: 4px;
	background: #F7DACA;
	color: #965843 !important;
	margin: 5px 0 0 0;
	-moz-border-radius: 4px;
}

h1.dialogTitleHeader {
	background:transparent url(/SMSystem/Images/Dashboard/Icons/icon_add.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	height:1.4em;
	left:21px;
	line-height:1.4em;
	padding-left:23px;
	padding-top:0;
	position:absolute;
	text-align:left;
	top:25px !important;
	width:500px;
}

/* @group Browser not supported page */

ul#supportedBrowserList {
	list-style-type: none;
	margin: 0; padding: 0;
	padding-top: 20px;
}

ul#supportedBrowserList li {
	float: left;
	margin-right: 15px;
}

ul#supportedBrowserList li.last {
	margin-right: 0;
}

/* @end */

/* @end */