@import url(/css/simon.css);
@import url(/css/slider.css);
@import url(/css/ui.all.css);

* {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
margin:0;
padding:0
}

#browserdetect {
width:930px;
height:244px;
position:fixed;
top:150px;
left:50%;
margin-left:-475px;
background-color:#fff;
z-index:1000;
text-align:center;
border:10px solid #e1e1e1
}

#browserdetect p {
color:#000;
font-size:1.6em;
margin:30px 0 0
}

.debugger {
position:absolute;
top:400px;
left:0;
z-index:1000;
height:300px;
background-color:#fff
}

img {
border:none
}

.clear {
clear:both
}

form {
margin:0;
padding:0
}

.mainlogo {
display:block;
float:left;
padding:10px 0 0 10px
}

.wrapper {
	width:950px;
	position:relative;
	margin: 10px auto 0;
	padding:0;
	margin-bottom: 50px;
	z-index: 2;
}

.topnavigation {
float:right;
width:500px;
height:95px;
font-size:80%;
border-top:2px solid #e9e9e9;
margin:0;
padding:0
}

.topnavigation ul {
float:left;
list-style:none;
line-height:1.8em;
margin:5px 0 0;
padding:0
}

.topnavigation ul li {
float:left;
display: block;
width: 160px;
margin:0 0 0 0;
padding:0;
}

.topnavigation ul li a:hover,.topnavigation ul li a.active {
color:#9C2427
}

.mainbody {
float:left;
width:950px;
border-top:2px solid #e9e9e9;
position:relative;
margin: 25px 0 0
}

.newspanel {
float:left;
width:950px;
height:430px;
background:url(/images/temp1.jpg) top left no-repeat;
margin:10px 0 20px
}

.footer {
width:950px;
border-top:2px solid #e9e9e9;
border-bottom:2px solid #e9e9e9;
float:left;
font-size:80%;
margin: 50px 0 50px 0;
padding:5px 0
}

.footer ul {
float:right;
list-style:none;
font-size:11px;
margin:0
}

.footer ul li {
display:inline;
float:left;
margin:0 20px 0 0
}

.footer ul li a {
color:#000;
text-decoration:none
}

.leftnavigation {
float:left;
width:260px;
position:relative;
font-size:80%;
margin:10px 0 0 0;
}

.pagecontent {
float:left;
width:685px;
border-left:2px solid #e9e9e9;
margin: 10px 0 10px 0;
padding: 0;
}

.pagecontent h1,.pagecontent h2, .pagecontent h3, .pagecontent h4, .pagecontent h5 {
font-size:110%;
font-weight:700;
color:#333;
text-transform:uppercase;
margin:10px 0 0 10px;
}

.pagecontent h2, .pagecontent h3, .pagecontent h4, .pagecontent h5 {
font-size:95%;
}

.pagecontent p,
.pagecontent ul,
.pagecontent ol{
color:#333;
line-height:1.5em;
font-size:80%;
margin: 5px 0 5px 10px;
}

div.wide tbody,
div.thin tbody,
div.wider tbody {
	color:#333;
	line-height:1.5em;
	font-size:80%;
	margin: 5px 0 5px 10px
}

div.wide tbody p,
div.thin tbody p,
div.wider tbody p,
div.wide tbody ul,
div.thin tbody ul,
div.wider tbody ul,
div.wide tbody ol,
div.thin tbody ol,
div.wider tbody ol{
	font-size:100%;
}

p.breadcrumb {
color:#333;
font-size:80%;
margin: 0 0 0 10px;
padding: 0;
}


.pagecontent ul {
list-style:url(/images/redbullet.jpg);
margin:10px 0 0 24px;
padding:0
}

.pagecontent ol {
margin:10px 0 0 24px;
padding:0
}
.pagecontent ol li {
margin-bottom: 10px;
}
.pagecontent p ul {
	color:#333;
	line-height:1.5em;
	font-size:80%;
	list-style:url(/images/redbullet.jpg);
	margin:10px 0 0 24px;
	padding:0
}

.pagecontent p ol {
	color:#333;
	line-height:1.5em;
	font-size:80%;
	margin:10px 0 0 24px;
	padding:0
}


div.wide,div.thin,div.wider {
width:685px;
float:left;
position:relative;
margin:0
}

div.wide p a,div.thin p a,div.wider p a {
	color: #000;
}

div.wide table,
div.thin table,
div.wider table{
	margin: 0 0 0 10px;
	border: none;
}

div.wider {
width:950px
}

div.rightcol {
	float:left;
	width:300px;
	margin:0;
	text-align: center;
}

div.rightcol img {
text-align: center;
margin: 0 0 15px 0;
}

.showvideo {
float:left;
clear:both;
margin: 15px 0 0 25px;
width:250px;
text-align: center;
}

div.thin {
width:385px
}

div.verticle-tab {
width:35px;
background:transparent;
overflow:hidden;
position:absolute;
left:0;
top:0;
margin:0
}

div.sublinks {
float:left;
width:215px;
min-height:200px;
margin:0 0 0 35px;
padding: 0 0 10px 0;
}

ul.toplist {
list-style:none;
float:left;
width:196px;
margin:5px 0 0 15px;
padding:0
}

ul.sublist {
list-style:none;
float:left;
width:95%;
margin:5px 0 0;
padding:0 0 0 15px
}

ul.toplist li {
border-bottom:1px solid #fff;
float:left;
clear:both;
width:100%;
margin:0;
padding:5px 0
}

ul.sublist li {
border:none;
margin:0;
padding:0
}

ul.toplist li a,ul.sublist li a {
color:#fff;
text-decoration:none;
margin:0
}

ul.toplist li a:hover,ul.toplist li a.active,ul.sublist li a:hover,ul.sublist li a.active {
color:#000
}

.home-bottom {
position:absolute;
width:955px;
top:380px;
left:0;
margin:0;
padding:0 0 50px
}

.member-home-bottom {
float:left;
width:955px;
margin:20px 0 0;
padding:0 0 50px
}

.paneltype1 {
float:left;
width:313px;
height:312px;
margin:0 5px 10px 0;
padding:0
}

.paneltype4 {
float:left;
width:311px;
height:180px;
margin:0 7px 7px 0;
padding:0
}

.eventlist {
float:left;
width:265px;
height:149px;
margin:140px 0 0 40px
}

a.dynamicbox {
display:block;
float:left;
width:311px;
height:180px;
margin:0
}

.jobslist {
float:left;
width:262px;
height:142px;
font-size:12px;
margin:10px 0 0 40px
}

a.joblink {
font-size:12px;
font-weight:700;
clear:both;
text-decoration:none;
color:#fff;
display:block;
margin:2px 0 0 7px;
padding:0
}

a.moreevents,a.morejobs {
text-transform:uppercase;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:700;
margin:0 0 0 40px
}

a.morejobs {
color:#DF5F32;
margin:0 0 0 50px
}

a.eventhomeitem {
display:block;
width:265px;
float:left;
border-bottom:1px solid #fff;
color:#fff;
text-decoration:none;
margin:0 0 5px 0;
font-size: 80%;
padding: 0 0 4px 0;
}

a.eventitem { /* this this is now obsolete.. */
display:block;
width:265px;
float:left;
border-bottom:1px solid #fff;
color:#fff;
text-decoration:none;
margin:0 0 5px;
font-size: 80%;
padding:0 0 4px
}

.paneltype1 fieldset {
border:none;
font-size:12px;
font-weight:700;
margin:15px 0 0 40px
}

.paneltype1 legend {
color:#fff;
margin:0
}

#loginform label {
color:#fff;
float:left;
width:100px;
font-size:12px;
margin:3px 0 0;
padding:0
}

#loginform .smalltextfield {
font-size:12px;
border:none;
background-color:#fff;
width:155px;
height:25px;
margin:0 0 10px;
padding:0 0 0 2px
}

#loginform .loginbutton {
background-color:#333;
border:none;
color:#DF5F32;
font-weight:700;
font-size:14px;
cursor:pointer;
margin:0 0 0 95px
}

.accountitem {
float:left;
width:680px;
margin:10px 0 0 10px;
padding:10px 0 0
}

.accdetailscol {
float:left;
width:440px;
margin:0 0 10px
}

div.buynowbox {
float:right;
width:100px;
height:30px;
margin:20px 0 0
}

p.accitemtitle {
border-top:1px solid #333;
padding:5px 0 0
}

p.accitemtitle,p.acctitle {
font-size:90%;
font-weight:700;
color:#9C2427;
margin:0
}

p.acctitle {
color:#000;
font-size:80%
}

p.accprice {
font-size:80%;
font-weight:400;
width:560px;
margin:0
}

.storeitem,
.eventitem {
float:left;
border-top:1px solid #333;
width:680px;
min-height:100px;
height: auto;
margin:10px 0 0 10px;
padding:10px 0 0
}

.eventitem {
	min-height:40px;
}

.imagecol {
float:left;
width:100px;
min-height:100px;
height: auto;
text-align:center;
margin:3px 0 0
}

.detailscol {
float:left;
width:440px;
min-height:100px;
height: auto;
margin:0
}

.eventtitlecol {
float:left;
width:535px;
height: auto;
margin:0;
}

.pricecol,
.eventreadcol {
float:left;
position:relative;
width:140px;
height:55px;
text-align:right;
margin:0;
padding:45px 0 0
}

.eventreadcol {
height:20px;
padding: 10px 0 0 0;
}



p.datetitle {
font-size:80%;
font-weight:400;
margin:0 0 0 10px
}

p.storeitemtitle {
font-size:90%;
font-weight:700;
margin:0 0 0 10px
}

p.storeitemtitle a,a.externallink,p.acctitle a {
text-decoration:none;
color:#333;
margin:0
}

a.externallink {
background:url(/images/externallink.gif) center left no-repeat;
padding:0 0 0 20px
}

p.storeitemdesc {
font-size:80%;
line-height:1.4em;
margin:0 0 0 10px
}

p.storeitemprice {
font-size:80%;
font-weight:700;
margin:0 0 5px
}

p.viewbasket {
position:absolute;
z-index:1;
font-weight:700;
right:4px;
top:138px;
color:#333;
text-align:right;
width:110px;
background:url(/images/basket.jpg) top left no-repeat;
margin:0
}

.cartcolumns,.cartitemscontainer,.newcartitem {
width:940px;
float:left;
margin:10px 0 0 5px
}

.newcartitem {
font-size:80%
}

.remove_coltitle,.product_coltitle,.quantity_coltitle,.price_coltitle,.total_coltitle {
float:left;
height:20px;
width:100px;
margin:0
}

.remove_coltitle {
text-align:center
}

.remove_coltitle p,.product_coltitle p,.quantity_coltitle p,.price_coltitle p,.total_coltitle p {
font-weight:700;
margin:0
}

.remove_coldata,.product_coldata,.quantity_coldata,.price_coldata,.total_coldata {
float:left;
text-align:left;
height:22px;
color:#333;
font-size:90%;
margin:0;
padding:5px 0 0
}

.remove_coldata {
width:100px;
text-align:center
}

input.basketfield {
width:35px;
border:solid 1px #000;
text-align:center;
color:#333;
font-size:12px;
border-color:#333;
padding:3px
}

.dcrow,.gtrow {
float:left;
width:940px;
height:25px;
font-size:100%;
color:#333;
margin:0 0 0 5px
}

.gtrow {
padding-bottom:10px
}

.dcrow .deliverycharge,.gtrow .grandtotal {
float:left;
width:820px;
height:25px;
text-align:right;
margin:0
}

.dcrow .deliverychargecalc,.gtrow .grandtotalcalc {
float:left;
width:120px;
height:25px;
text-align:right;
margin:0
}

.dcrow {
margin-top:20px
}

.gtrow .grandtotalcalc p,.gtrow .grandtotal p {
font-weight:700;
color:#9C2427
}

.cartbuttons {
float:left;
width:940px;
text-align:right;
margin:20px 0 0 5px
}

label,label.required {
float:left;
width:210px;
font-size:80%;
clear:left;
margin:4px 0 10px 10px;
padding:0
}

label.required {
background:url(/images/required.jpg) center right no-repeat
}

.register-left,.register-right {
float:left;
width:500px;
margin:0
}

.register-right {
width:450px;
float:left;
margin:0
}

.mediumtext,.smalltext,.mediumtextarea,.widetextarea,.widetext {
border:1px solid #ccc;
float:left;
color:#333;
width:200px;
height:22px;
font-size:80%;
margin:0 0 10px;
padding:2px 0 0 2px
}

.mediumtextarea {
height:100px
}

.widetextarea {
height:100px;
width:455px
}

.widetext {
width:416px
}

.courselbl,.locationlbl,.datelbl,.criterialbl {
width:100px;
position:absolute;
top:6px;
left:10px;
margin:0
}

.coursebutton {
position:absolute;
top:82px;
left:528px;
}

.newsletterbutton {
position:absolute;
top:23px;
left:450px;
width:70px;
margin:0
}

.criterialbl {
width:100px;
position:absolute;
top:65px;
left:10px;
margin:0
}

.ui-datepicker-trigger {
position:absolute;
top:16px;
left:110px;
cursor:pointer;
margin:0
}

.locationlbl {
left:230px
}

.datelbl {
left:460px
}

.smallselectlist,.tinyselectlist {
border:1px solid #ccc;
color:#333;
width:200px;
height:25px;
font-size:90%;
margin:0 0 10px;
padding:2px 0 0 2px
}

#errortop {
float:left;
background-color:#9C2427;
width:100%;
height:37px;
opacity:0;
margin:10px 0 0 10px
}

#errorbottom {
float:left;
width:100%;
background-color:#F4E7E7;
border-bottom:1px solid #9C2427;
opacity:0;
margin:0 0 0 10px;
padding:5px 0 10px
}

#errortop p {
font-size:100%;
font-weight:700;
color:#fff;
margin:7px 0 0 10px;
padding:0
}

#errorbottom p {
line-height:1.8em;
color:#9C2427;
margin:0 0 0 10px
}

.cclogos {
float:right;
margin:40px 0 0
}

.buynow,
.cartbutton,
a.storedownload,
.coursebutton,.newsletterbutton {
background-color:#9C2427;
font-size:80%;
font-weight:700;
color:#fff;
border:none;
cursor:pointer;
overflow:visible;
text-decoration:none;
margin:0;
padding:3px
}

.cartbuttondis {
background-color:#e1e1e1;
font-size:80%;
font-weight:700;
color:#fff;
border:none;
cursor:default;
overflow:visible;
text-decoration:none;
margin:0;
padding:3px
}

a.storedownload {
text-decoration:none;
margin:10px 0 0 10px
}

p.red {
color:#9C2427;
font-weight:700;
margin:10px 0 0 10px
}

.storeimage {
float:right;
margin:0 0 20px 20px
}

.storelink {
color:#9C2427;
text-decoration:none;
font-weight:700
}

.viewimage {
font-size:10px;
color:#333;
width:86px;
display:block;
background:url(/images/dlimage.jpg) center left no-repeat;
margin:5px 0 0;
padding:3px 0 3px 14px
}

.downloadimage {
position:absolute;
right:-50px;
top:5px;
color:#333;
width:150px;
z-index:100;
font-size:90%;
display:block;
background:url(/images/dlimage.jpg) center left no-repeat;
padding:0 0 0 20px
}

.bounding,
#courselist {
float:left;
border:2px solid #e1e1e1;
width:100%;
height:120px;
position:relative;
margin:10px 0 0 10px;
}

#courselist {
border:none;
display:none;
height:auto;
margin:10px 0 40px 12px;
}

.odd {
background-color:#fff
}

.even {
background-color:#f4f4f4
}

#datatable {
width:100%;
border:none;
font-size:85%;
margin:0
}

#datatable th {
margin:0
}

tr.mainclass {
background:url(/images/captionbar.jpg) top left repeat-x;
color:#333;
height:25px;
font-size:80%;
text-align:left
}

tr.mainclass th {
cursor:pointer
}

tr.courseitem {
height:55px;
font-size:80%
}

tr.letteritem {
height:35px;
font-size:80%
}

#datatable .n-col1 {
width:320px;
text-align:left
}

#datatable .n-col2 {
width:120px;
text-align:left
}

#datatable .col1 {
text-align:center;
width:120px
}

#datatable .col2 {
text-align:left;
width:300px
}

#datatable .col3 {
text-align:left;
width:150px
}

#datatable .col4,#datatable .col5 {
text-align:left;
width:100px
}

#datatable .col6 {
	text-align: left;
	width: 450px;
	padding: 0 0 0 10px;
}

#datatable .col7 {
	text-align:center;
	width: 220px
}

.institutelogo {
	position:absolute;
	right:0;
	top:80px;
	margin:0
}

.tinyinstitutelogo {
	max-width: 100px;
	max-height: 50px;
}

.logopanel {
	float: right;
	padding: 5px;
	margin: -100px 0 0 0;
}


div#progressmesg {
float:left;
width:100%;
height:120px;
background:url(/images/animatedtiga.gif) top center no-repeat;
margin:20px 0 0
}

.sidepanel {
float:left;
width:250px;
overflow:hidden;
background-color:#666;
height:155px;
margin:15px 10px 0 0
}

p.cardintro {
font-size:80%;
color:#fff;
width:100%;
margin:0 0 0 10px
}

a.textlink {
text-decoration:underline;
color:#000
}

div#embed-holder {
position:relative;
z-index:0
}

div.member-panel {
float:left;
margin:0
}

div.member-panel a {
display:block;
cursor:pointer;
float:left;
margin:0 0 10px 5px
}

.captcha {
margin:0 0 10px
}

.topnavigation ul li a,a.breadcrumb {
color:#333;
text-decoration:none
}

p.viewbasket a,#datatable .col2 a,tr.courseitem a {
text-decoration:none;
color:#333
}

.product_coltitle,.product_coldata {
width:500px
}

.quantity_coltitle,.quantity_coldata {
width:100px;
text-align:right
}

.price_coltitle,.total_coltitle,.price_coldata,.total_coldata {
width:120px;
text-align:right
}

.smalltext,.tinyselectlist {
width:100px
}

.like {
	position: absolute; 
	width: 950px; 
	height: 25px; 
	left: 0; 
	top: 343px; 
	background: #ECECEC;
	text-align: left;
}

.like p {
	float: left;
	font-size: 80%;
	margin: 4px 0 0 10px;
	font-weight: bold;
}

.like p a {
	text-decoration: none;
	color: #000;
}

.like .link {
	height: 22px;
	margin: 3px 0 0 0;
	float: right;
	width: 100px;
}

.pagination {
	width: 100%;
	height: 25px;
	text-align: right;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
}

.pagination p {
	color: #999999;
	font-weight: bold;
}

.pagination a {
	cursor: pointer;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

.eventbritebox {
	margin: 20px 0 0 10px;
	float: left;
}

.sliderframe {
	position: absolute; 
	top: 0;
	left: 0;
	width: 950px;
	background-color: #fff;
}

.coursemedia {
	float: left;
	margin: 0 0 0 10px;
	background-color: #e1e1e1;
	border: 1px solid #ccc;
	width: 100%;
	height: 100px;
}
.viewdataoption {
	background: url(/images/icons/pageedit.gif) 0 1px no-repeat;
	padding: 0 0 0 16px;
	font-size: 10px;
}

.viewdataoption {
	font-size: 11px;
}
	
.useritem {
	padding: 5px 0 5px 32px;
}

.dlimage,
a.normallink {
	color: #333333;
	text-decoration: none;
}

input[disabled="disabled"] {color: white; background-color: #e1e1e1; cursor: default}

/* FROM CMS EDIROR */

.tiga-orange {
	margin: 0;
	padding: 0;
	color: #9C2427;
}

.inline-image {
	float: left;
	margin: 10px 0 10px 10px;
	padding: 0;
	border: 0;
}

.large-title {
	font-size:110%;
	font-weight:700;
	color:#333;
	text-transform: uppercase;
	margin:0;
}

.small-title {
	font-size:95%;
	font-weight:700;
	color:#333;
	text-transform: uppercase;
	margin:0;
}

.fileup {
	font-size: 12px;
	float: left;
	margin: 6px 0 0 0;
}

.smallportfolio { 
	float: left; 
	width: 250px; 
	height: 145px; 
	margin: 15px 0 0 0; 
	background: #ECECEC; 
	font-size: 12px; 
}

.smallportfolio .imageholder {
	overflow: hidden;
	width: 235px; 
	height: 130px; 
	float: left;
	margin: 7px 0 0 7px;
	background-color: #666666;
	position: relative;
}

.smallportfolio .imageholder .overlap {
	width: 235px; 
	height: 24px;
	background-color: #333;
	color: #fff;
	margin: 0;
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 6px 0 0 0;
}

.smallportfolio .imageholder .overlap a {
	color: #fff;
	text-decoration: none;
}

.smallportfolio .imageholder img {
	float: left;
	margin: -30px 0 0 -10px;
}

.no_jobs {
	float: left;
	color: #fff;
	margin: 5px 0 0 10px;	
}