/* -----------------------------------
Site:       Rights Portal
CSS author: Russ Weakley
Updated:	27/10/10 10:56 PM
Updated by: Russ Weakley
----------------------------------- */

/* -----------------------------------
general
----------------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

body
{
	color: #333;
	font: 100%/1.2 helvetica, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 .5em;
	color: #03498b;
}

h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }
p { line-height: 1.4; }
fieldset,img { border: 0; }
legend { color: #000; }
li { list-style: none; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

button
{
	width: auto;
	overflow: visible;
}

div a:link { color: #03498b; }
div a:visited { color: #115594; }

div a:focus
{
	color: #000;
	outline: thin dotted;
}

div a:hover { color: #970000; }

div a:active
{
	color: red;
	outline: none;
}

/* -----------------------------------
wrapper
----------------------------------- */


.firstCol
{
	line-height: 1.4;
	padding-left: 20px;
	width:5%;	
	font-size: inherit;
}


.secondCol
{
	padding-left: 5px;
	line-height: 1.4;
	font-size: inherit;
}

.invoceTD
{
	width: 175px;
	font-weight: bold;
	font-size: medium;
}











.wrapper-standard
{
	width: 880px;
	height: auto;
	margin: 0 auto;
	padding: 0 10px 10px;
	border: 1px solid #dcdcdc;
	border-top: 0 none;
	background: #FFFFFF;
	font-size: 14px;
}

.wrapper-popup
{
	width: 750px;
	height: auto;
	margin: 0 auto;
	padding: 0 10px 10px;
	border: 1px solid #dcdcdc;
	border-top: 0 none;
	background: #FFFFFF;
	font-size: 14px;
}

/* -----------------------------------
headerContainer
----------------------------------- */

div div#headerContainer
{
	position: relative;
	padding: 10px 0 15px;
}

#headerContainer img  
{
    display: block; 
    width: 320px;
    margin-bottom: 28px;    
}

.headerLinks
{
	position: absolute;
	right: 0;
	bottom: 15px;

}

.headerLinks ul { float: right; }

.headerLinks li
{
	float: left;
	margin: 0;
	padding: 38px 15px 0;
	font-size: 12px;
	background: url(../Images/master02.jpg) no-repeat -689px 0;
}

.headerLinks li.headerLinksPrint { background: url(../Images/master02.jpg) no-repeat -800px 0; }
.headerLinks li.headerLinksEnquiry { background: url(../Images/master02.jpg) no-repeat -927px 0; }
.headerLinks li.headerLinksContact { background: url(../Images/master02.jpg) no-repeat -1030px 0; }

/* -----------------------------------
sidebar
----------------------------------- */

div div#sidebar
{
	float: left;
	width: 165px;
	margin: 0 10px 10px 0;
}

div#sidebar a
{
	color: #fff;
	text-decoration: none;
}

div#sidebar a:visited { color: #fff; }
div#sidebar a:hover { color: yellow; }

/* -----------------------------------
sidebar > nav
----------------------------------- */

.nav
{
	margin: 0 0 5px;
	background: #38393b url(../Images/master01.png) no-repeat -165px 0;
}

.nav .inner
{
	padding: 10px 12px 15px;
	background: url(../Images/master01.png) no-repeat -330px 100%;
	/*
	font-size: 90%;
*/
}

.nav li { display: inline; }

.nav li a
{
	display: block;
	padding: 3px 0;
	border-bottom: 1px solid #666;
	color: #fff;
	text-decoration: none;
}

.nav li li a
{
	padding: 5px 5px 5px 13px;
	background: url(../Images/master01.png) no-repeat -5645px .5em;
}

.nav a:hover { background: #000; }

/* -----------------------------------
sidebar > features
----------------------------------- */

.feature01, .feature02, .feature03, .feature04, .feature05 { margin: 0 0 5px; }
.feature01 .inner, .feature02 .inner, .feature03 .inner, .feature04 .inner { padding: 12px 12px 15px 43px; }
.feature01 { background: #5a5a5a url(../Images/master02.jpg) no-repeat -165px 0; }
.feature01 .inner { background: url(../Images/master01.png) no-repeat -495px 100%; }
.feature02 { background: #5a5a5a url(../Images/master02.jpg) no-repeat -330px 0; }
.feature02 .inner { background: url(../Images/master01.png) no-repeat -495px 100%; }
.feature03 { background: #5a5a5a url(../Images/master02.jpg) no-repeat -495px 0; }
.feature03 .inner { background: url(../Images/master01.png) no-repeat -495px 100%; }
.feature04 { background: #5a5a5a url(../Images/master03.jpg) no-repeat 0 0; }
.feature04 .inner { background: url(../Images/master01.png) no-repeat -495px 100%; }



/* -----------------------------------
sidebar > add
----------------------------------- */

.add
{
	margin: 0 0 5px;
	color: #fff;
	background: #03498b url(../Images/master02.jpg) no-repeat 0 0;
}

.add .inner
{
	padding: 15px;
	background: url(../Images/master01.png) no-repeat 0 100%;
}

.add h3
{
	margin: 0 0 .3em;
	color: #fff;
	font-size: 120%;
}

/* -----------------------------------
contentContainer
----------------------------------- */

div div#contentContainer
{
	float: left;
	width: 705px;
	margin: 0 0 10px;
	padding: 0;
}

/* -----------------------------------
contentContainer > headersSection
----------------------------------- */

#headersSection { margin: 0 0 5px; }
#headersSection img { display: block; }

/* -----------------------------------
contentContainer > breadcrumb
----------------------------------- */

.breadcrumb
{
	margin: 0 0 20px;
	background: #e6e6e6 url(../Images/master01.png) no-repeat -2735px 0;
}

.breadcrumb .inner
{
	padding: 5px 15px;
	background: url(../Images/master01.png) no-repeat -3440px 100%;
	/*font-size: 90%;*/
}

.breadcrumb a, .breadcrumb a:visited { color: #777; }


/* -----------------------------------
contentContainer > rightsPortalSection and licensingSection
----------------------------------- */

#rightsPortalSection { padding: 0 20px; }
#licensingSection { padding: 0 20px; }
#adminSection { padding: 0 20px; }

.divPadding
{
    padding-bottom: 10px;
}

.intro
{
	font-size: 110%;
	margin: 0 0 1.5em;
}

.cartStatus
{
	text-align: right;
	margin: 0 0 15px;
}

.validationErrors
{
	background: #eee;
	padding: 1em;
	margin: 1em 0;
	color: Red;
}

div .indent
{
	width: 270px;
	margin-left: 180px;
}

/* -----------------------------------
contentContainer > home-cols
----------------------------------- */

.home-col1
{
	float: left;
	width: 315px;
}

.home-col2
{
	float: right;
	width: 315px;
}

.home-col1 h3, .home-col2 h3
{
	margin: 0;
	padding: 7px 7px 7px 15px;
	color: #fff;
	background: #04498c url(../Images/master01.png) no-repeat -660px 0;
	font-size: 130%;
}

.home-col1 p, .home-col2 p { margin: 10px 0 1em; }
.payDetails, .payHighlights { margin: 0 0 15px; }

.payDetails li, .payHighlights li
{
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	background: url(../Images/master02.jpg) no-repeat -1140px .2em;
}

.payHighlights
{
	font-size: 130%;
	font-weight: bold;
}

/* -----------------------------------
contentContainer > splash-cols
----------------------------------- */

.splash-col1
{
	float: left;
	width: 480px;
}

.splash-col2
{
	float: right;
	width: 170px;
}



.splash
{
	float: left;
	width: 100%;
}


.jimage
{
	padding-left: 25px;
	padding-right: 10px;


}


.splash-col1 h3, .splash-col2 h3
{
	color: #444;
	font-size: 140%;
}

.splash-col1 p, .splash-col2 p { margin: 0 0 1em; }

.benefits
{
	margin: 1em 0;
	padding: 15px;
	background: #E2EDF4;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.additional-info { margin: 0 0 15px; }

.additional-info li
{
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	background: url(../Images/master02.jpg) no-repeat -1140px .2em;
}

.splash-button
{
	margin: 0 0 10px;
	color: #fff;
	text-align: center;
	background: #02488d url(../Images/master04.png) no-repeat -170px 100%;
}

.splash-button2
{
	padding: 10px;
	background: url(../Images/master04.png) no-repeat;
}

.splash-button a:link, .splash-button a:visited
{
	color: #fff;
	text-decoration: none;
}




.small-bullet { margin: 1em 0; }



.sbullet li
{
	margin-left: 15px;
	padding-left:25px;
	background: url(../Images/master04.png) no-repeat -360px .4em;	
	font-size: inherit;
	line-height: 1.4;
	
}



.small-bullet li
{
	padding: 0 0 0 15px;
	background: url(../Images/master04.png) no-repeat -360px .4em;
}

/* -----------------------------------
leftContent and rightMenu
----------------------------------- */

.leftContent
{
	float: left;
	width: 510px;
	padding: 0 0 0 20px;
}

.leftContentWide
{
	float: left;
	width: 665px;
	padding: 0 0 0 20px;
}

div div#rightMenu
{
	float: right;
	width: 155px;
	padding: 0 10px 0 0;
}

/* -----------------------------------
enquiry form
----------------------------------- */

.form-heading
{
	font-size: 160%;
	color: #444;
}

.form-heading2
{
	font-size: 100%;
	color: #444;
}

.form-heading-small { font-size: 65%; }


.form-container11
{

	float: left;
	width: 630px;
	margin: 0 0 10px;
	padding: 15px;
	background: #e1edf5;
}

.form-container1, .form-container2, .form-container3
{
	clear: left;
	float: left;
	width: 630px;
	margin: 0 0 10px;
	padding: 15px;
	background: #e1edf5;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.form-container2 { background: #ffffc8; }
.form-container3 { background: #f0f0f0; }

.form-inner-container
{
	clear: left;
	float: left;
	width: 625px;
	margin: 7px 0;
}


.form-container-heading
{
	color: #444;
	font-size: 115%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px;
}

.small-label
{
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
	font-size: 90%;
	text-align: right;
}

.form-select
{
	float: left;
	width: 275px;
	margin: 0;
	border: 1px solid #000;
}

.form-radio
{
	float: left;
	width: 275px;
	margin: 0 0 10px 0;

}

.form-radio_unsure
{
	float: left;
	width: 275px;
	margin: 0 0 10px 170px;

}

.licence-name
{
	font-size: 100%;
	
}

.price
{
	float: left;
	width: 265px;
	height: 18px;
	margin: 0;
	padding: 2px 5px;
	border: 1px solid #000;
	font-size: 120%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	text-align: right;
}

/*  start for staff num for corporate */

.indent2_3
{
	float: left;
	width: 280px;
	display: inline;
}

.indent2_2
{
	float: left;
	width: 420px;
	display: inline;
}

.indent_edu
{
	float: left;
	width: 420px;
	display: inline;
}

.indent_edu li
{
	padding: 0 0 0 15px;
	background: url(../Images/master04.png) no-repeat -360px .4em;
}


/*  end for staff num for corporate */

/* start with prefix for ful cover description */

.indent1_1
{
	float: left;
	width: 170px;
	margin: 0 0 0 30px;
	display: inline;
}

.indent1_3
{
	float: left;
	width: 110px;
	margin: 0 0 0 60px;
	display: inline;
}

/* start with prefix for ful cover description */

.rightAglin
{
	float: right;
}

.indent2_1
{
	float: left;
	width: 420px;
	font-weight: bold;
	display: inline;
}

.indent3_1
{
	float: left;
	width: 420px;
	display: inline;
	margin: 0 0 0 230px;
}

.indent3_2
{
	float: left;
	width: 420px;
	display: inline;
	margin: 0 0 0 190px;
}



.indent1
{
	float: left;
	width: 30px;
	margin: 0 0 0 170px;
	font-weight: bold;
	display: inline;
}

.indent2
{
	float: left;
	width: 30px;
}

.indent3
{
	float: left;
	width: 390px;
}

.indent3 li
{
	padding: 0 0 0 15px;
	background: url(../Images/master04.png) no-repeat -360px .4em;
}

.indent1_edu1
{
	float: left;
	width: 60px;
	margin: 0 0 0 80px;

	display: inline;
}

.indent2_edu1
{
	float: left;
	width: 30px;
}

.indent3_edu1
{
	float: left;
	width: 390px;
}

.indent3_edu1 li
{
	padding: 0 0 0 15px;
	background: url(../Images/master04.png) no-repeat -360px .4em;
}

.survey { }
.survey p { margin: 0 0 1em; }




.survey .number

{
	float: left;
	width: 1.5em;
	font-size: 130%;
	font-weight: bold;
}

.survey div
{
    display:table-cell;
}

.survey label { margin: 0 1em 0 0; }

.survey-input
{
	border-bottom: 2px solid #ddd;
	padding: 0 2em 1em;
	margin:  0 0 1.5em;

}

.survey .survey-indent
{
	padding: 0 2em;
	margin: 0 0 1.5em;




}

.survey .survey-indent-text
{
	margin: 0 0 .5em;
	padding: 0 2em;
}


/* -----------------------------------
footer
----------------------------------- */

.footerContainer-standard
{
	clear: left;
	height: 1%;
	margin: 0 0 10px;
	padding: 0;
	color: #fff;
	background: #323232 url(../Images/master01.png) no-repeat -975px 0;
	font-size: 12px;
	text-align: center;
}

.footerMiddle-standard
{
	float: none;
	width: auto;
	height: auto;
	padding: 10px;
	background: url(../Images/master01.png) no-repeat -1855px 100%;
}

.footerContainer-popup
{
	clear: left;
	height: 1%;
	margin: 0 0 10px;
	padding: 0;
	color: #fff;
	background: #323232 url(../Images/master01.png) no-repeat -4145px 0;
	font-size: 12px;
	text-align: center;
}

.footerMiddle-popup
{
	float: none;
	width: auto;
	height: auto;
	padding: 10px;
	background: url(../Images/master01.png) no-repeat -4895px 100%;
}

div.footerLinks
{
	margin: 0 0 10px;
	text-align: center;
	font-size: 12px;
}

div.footerLinks a, div.footerLinks a:visited { color: #000; }
div.footerLinks a:hover { text-decoration: underline; }

.loginLink
{
    float: right;
    color: #03498B !important;
    text-decoration: underline !important; 
}








