/* -----------
PIREAN STYLE SHEET: LIST STYLE

Styling for pages that make use of long lists

-------------- */

#News #ListWrapper,
#OnTheRadar #ListWrapper,
#InThePress #ListWrapper,
#Timeline #ListWrapper{
display: block;
float: left;
width: 667px;
margin-bottom: 20px;
margin-left: 8px;
padding-left: 0px;
}

#DownloadTemplate #ListWrapper{
display: inline;
float: left;
width: 667px;
margin-bottom: 20px;
margin-left: 128px;
margin-top: 34px;
padding-left: 0px;
}

#LogIn #ListWrapper{
display: inline;
float: left;
width: 467px;
margin-top: 34px;
margin-bottom: 20px;
margin-left: 208px;
padding-left: 0px;
}

.NewsCase{
display: block;
float: left;
width: 667px;
margin-top: 10px;
margin-bottom: 8px;
border: 0;
}

.NewsTitle{
display: block;
float: left;
width: 667px;
border-bottom: 1px;
border-bottom-color: #cccccc;
border-bottom-style: solid;
background-color: #e5e5e5;
padding-top: 2px;
}


#Developers .NewsTitle, 
#Sales .NewsTitle,
#AdminMarketing .NewsTitle,
#Graduates .NewsTitle,
#Consultants .NewsTitle{
display: block;
float: left;
width: 667px;
padding-bottom: 2px;
padding-top: 2px;
border-bottom: #9a9a9a 1px solid;
background-color: #ffffff;
}

#DownloadTemplate .NewsTitle {
display: block;
float: left;
width: 667px;
padding-top: 6px;
border-bottom: #9a9a9a 1px solid;
background-color: #e4e4e4;
background: url(CSSimages/DownloadTemplateTop.gif) no-repeat top;
}

#LogIn .NewsTitle {
display: block;
float: left;
width: 467px;
padding-top: 6px;
border-bottom: #9a9a9a 1px solid;
background-color: #e4e4e4;
background: url(CSSimages/LogInTop.gif) no-repeat top;
}

#Developers #MainContent .NewsTitle h3,
#Sales #MainContent .NewsTitle h3,
#AdminMarketing #MainContent .NewsTitle h3,
#Graduates #MainContent .NewsTitle h3,
#Consultants #MainContent .NewsTitle h3{
display: block;
float: left;
width: 640px;
color: #5d5d5d;
margin-bottom: 3px;
}

#News .NewsPanel ul {
padding-left: 20px;
float: left;
}

#News .NewsPanel li {
padding-bottom: 6px;
}


#News .FittingNews {
display: block;
float: left;
width: 644px;
}

#News .NewsTitle h3{
display: block;
float: left;
width: 540px;
color: #5d5d5d;
margin-left: 4px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

/* +++++++++++++ */

#OnTheRadar .NewsTitle h3{
display: block;
float: left;
width: 500px;
color: #6c6c6c;
margin-left: 4px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 126px;
}

#InThePress .NewsTitle h3{
display: block;
float: left;
width: 535px;
color: #6c6c6c;
margin-left: 4px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
}

#InThePress #MainContent p{
display: block;
float: left;
width: 650px;
padding-left: 8px;
}

#DownloadTemplate .NewsTitle h3,
#LogIn .NewsTitle h3{
text-align: center;
color: #5d5d5d;
padding-bottom: 5px;
margin-top: 2px;
background-color: #e4e4e4;
}

#News .NewsTitle h5,
#InThePress .NewsTitle h5{
	display: block;
	float: left;
	width: 115px;
	color: #9c9c9c;
	font-size: 11px;
	text-align: right;
	margin: 0px;
	padding-top: 2px;
	padding-right: 4px;
}

.NewsCase .NewsPanel{
display: block;
float: left;
width: 667px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: #e4e4e4 1px solid;
margin: 0;
}

#OnTheRadar .NewsCase{
display: block;
float: left;
width: 667px;
margin-top: 10px;
margin-bottom: 8px;
border: 0;
background-color: #eeeeee;
}

#InThePress .NewsCase{
display: block;
float: left;
width: 667px;
margin-top: 10px;
margin-bottom: 8px;
border: 0;
background-color: #ffffff;
}

#OnTheRadar .NewsPanel{
display: block;
float: left;
width: 667px;
background-color: #eeeeee;
padding-top: 5px;
padding-bottom: 5px;
background: url(CSSimages/OnTheRadarBottom.gif) no-repeat left bottom;
border: 0;
margin: 0;
}

#OnTheRadar .MusicNewsPanel{
display: block;
float: left;
width: 667px;
background-color: #eeeeee;
padding-top: 5px;
padding-bottom: 86px;
background: url(CSSimages/MusicBottom.jpg) no-repeat left bottom;
border: 0;
margin: 0;
}

#DownloadTemplate .DownloadTemplateBgnd{
display: block;
float: left;
width: 667px;
background-color: #eeeeee;
padding-top: 5px;
padding-bottom: 2px;
border: 0;
margin: 0;
}

#LogIn .DownloadTemplateBgnd{
display: block;
float: left;
width: 467px;
background-color: #eeeeee;
padding-top: 15px;
padding-bottom: 2px;
border: 0;
margin: 0;
}






#OnTheRadar .CMCNewsPanel{
display: block;
float: left;
width: 667px;
background-color: #eeeeee;
padding-top: 5px;
padding-bottom: 86px;
background: url(CSSimages/CMCbottom.jpg) no-repeat left bottom;
border: 0;
margin: 0;
}

#OnTheRadar .PDFbutton a:link{
display: block;
float: left;
width: 206px;
height: 22px;
margin-left: 456px;
text-indent: -4000px;
background-color: #eeeeee;
background: url(CSSimages/PDFbutton.gif) no-repeat right bottom;
border: 0;
}

#OnTheRadar .PDFbutton a:hover{
display: block;
float: left;
width: 206px;
height: 22px;
margin-left: 456px;
text-indent: -4000px;
background-color: #eeeeee;
background: url(CSSimages/PDFbutton.gif) no-repeat left bottom;
border: 0;
}


#OnTheRadar .LeftForPanel,
#DownloadTemplate .LeftForPanel{
display: block;
float: left;
color: #da8626;
width: 120px;
text-align: right;
font-weight: 200;
margin: 0;
background-color: #eeeeee;
}

#InThePress .LeftForPanel{
display: block;
float: left;
color: #da8626;
width: 120px;
text-align: right;
font-weight: 200;
margin: 0;
background-color: #ffffff;
}

#LogIn .LeftForPanel{
display: block;
float: left;
color: #da8626;
width: 120px;
text-align: right;
font-weight: 200;
margin: 0;
background-color: #eeeeee;
padding-top: 4px;
}

#OnTheRadar .RightForPanel,
#DownloadTemplate .RightForPanel{
display: block;
float: left;
width: 490px;
text-align: left;
font-weight: 200;
margin-left: 10px;
margin-right: 20px;
color: #636363;
padding-bottom: 4px;
background-color: #eeeeee;
}

#InThePress .RightForPanel{
display: block;
float: left;
width: 490px;
text-align: left;
font-weight: 200;
margin-left: 10px;
margin-right: 20px;
color: #636363;
padding-bottom: 4px;
background-color: #ffffff;
}

#LogIn .RightForPanel{
display: block;
float: left;
width: 290px;
text-align: left;
font-weight: 200;
margin-left: 10px;
margin-right: 20px;
color: #636363;
padding-bottom: 6px;
background-color: #eeeeee;
}

#OnTheRadar .RightForPanel body,
#InThePress .RightForPanel body {
display: block;
float: left;
}

#OnTheRadar .RightForPanel ul{
display: block;
float: left;
padding-left: 16px;
}

#InThePress .RightForPanel ul{
display: block;
float: left;
padding-left: 0px;
}

#InThePress .RightForPanel li{
list-style: none;
padding-bottom: 2px;
}

#DownloadTemplate .RightForPanel body{
display: block;
float: left;
}

#DownloadTemplate .RightForPanel ul{
display: block;
float: left;
padding-left: 16px;
}

#DownloadTemplate .BigDownloadBtn a{
display: block;
float: left;
width: 667px;
height: 70px;
background: url(CSSimages/BigDownloadButton.gif) no-repeat bottom;
text-indent: -4000px;
}

#DownloadTemplate .BigDownloadBtn a:link{
display: block;
float: left;
width: 667px;
height: 70px;
background: url(CSSimages/BigDownloadButton.gif) no-repeat bottom;
text-indent: -4000px;
}

#DownloadTemplate .BigDownloadBtn a:visited{
display: block;
float: left;
width: 667px;
height: 70px;
background: url(CSSimages/BigDownloadButton.gif) no-repeat bottom;
text-indent: -4000px;
}

#DownloadTemplate .BigDownloadBtn a:hover{
display: block;
float: left;
width: 667px;
height: 70px;
background: url(CSSimages/BigDownloadButton.gif) no-repeat top;
text-indent: -4000px;
}

#DownloadTemplate .SecureDownloadBtn a{
display: block;
float: left;
width: 667px;
height: 70px;
background: url(CSSimages/BigSecureButton.gif) no-repeat top;
text-indent: -4000px;
}

#DownloadTemplate .SecureDownloadBtn a:link{
display: block;
float: left;
width: 667px;
height: 70px;
background: url(CSSimages/BigSecureButton.gif) no-repeat top;
text-indent: -4000px;
}

#DownloadTemplate .SecureDownloadBtn a:visited{
display: block;
float: left;
width: 667px;
height: 70px;
background: url(CSSimages/BigSecureButton.gif) no-repeat top;
text-indent: -4000px;
}

#DownloadTemplate .SecureDownloadBtn a:hover{
display: block;
float: left;
width: 667px;
height: 70px;
background: url(CSSimages/BigSecureButton.gif) no-repeat bottom;
text-indent: -4000px;
}

#LogIn .BigLogInBtn a{
display: block;
float: left;
width: 467px;
height: 70px;
background: url(CSSimages/BigLogInButton.gif) no-repeat bottom;
text-indent: -4000px;
}

#LogIn .BigLogInBtn a:link{
display: block;
float: left;
width: 467px;
height: 70px;
background: url(CSSimages/BigLogInButton.gif) no-repeat bottom;
text-indent: -4000px;
}

#LogIn .BigLogInBtn a:visited{
display: block;
float: left;
width: 467px;
height: 70px;
background: url(CSSimages/BigLogInButton.gif) no-repeat bottom;
text-indent: -4000px;
}

#LogIn .BigLogInBtn a:hover{
display: block;
float: left;
width: 467px;
height: 70px;
background: url(CSSimages/BigLogInButton.gif) no-repeat top;
text-indent: -4000px;
}

#LogIn .BigContinueBtn a{
display: block;
float: left;
width: 467px;
height: 70px;
background: url(CSSimages/BigContinueButton.gif) no-repeat bottom;
text-indent: -4000px;
margin-bottom: 5px;
}

#LogIn .BigContinueBtn a:link{
display: block;
float: left;
width: 467px;
height: 70px;
background: url(CSSimages/BigContinueButton.gif) no-repeat bottom;
text-indent: -4000px;
}

#LogIn .BigContinueBtn a:visited{
display: block;
float: left;
width: 467px;
height: 70px;
background: url(CSSimages/BigContinueButton.gif) no-repeat bottom;
text-indent: -4000px;
}

#LogIn .BigContinueBtn a:hover{
display: block;
float: left;
width: 467px;
height: 70px;
background: url(CSSimages/BigContinueButton.gif) no-repeat top;
text-indent: -4000px;
}







.NewsCase .NewsPanel p{
padding-left: 8px;
padding-right: 14px;
}

.NewsCase .NewsPanel h4{
float: left;
display: block;
width: 647px;
padding-left: 8px;
padding-right: 12px;
margin-bottom: 4px;
}


.RadarLinkCase{
display: block;
float: left;
background: url(CSSimages/OnTheRadarBottom.gif) no-repeat left bottom;
width: 667px;
padding-bottom: 8px;
margin-top: 12px;
margin-bottom: 10px;
background-color: #ebebeb;
}




/* 
margin-left: 26px;
*/

.RadarLinkCase h5{
display: block;
color: #da8626;
font-size: 11px;
font-weight: 200;
text-align: center;
text-transform: lowercase;
font-weight: 600;
background: url(CSSimages/OnTheRadarTop.gif) no-repeat left top;
width: 667px;
padding-top: 5px;
padding-bottom: 3px;
}

.RadarLinks{
color: #3e3e3e;
}

.RadarLinks p{
padding-top: 8px;
padding-left: 24px;
}

.RadarLinks ul{
display: block;
list-style: none;
text-align: left;
border: 0;
margin-left: 2px;
padding: 0;
}


.RadarLinks li{
width: 663px;
}


.RadarLinks a{
display: block;
color: #3e3e3e;
padding-left: 24px;
padding-bottom: 2px;
background: url(CSSimages/RelLinksArrow.gif) no-repeat left;
margin: 0;
border: 0;
}

.RadarLinks a:link{
background-color: #ebebeb;
}

.RadarLinks a:visited{
background-color: #ebebeb;
}

.RadarLinks a:hover{
background-color: #e1e1e1;
}



#Timeline .TitleCase{
display: block;
float: left;
border-bottom: #e4e4e4 1px solid;
width: 667px;
}


#Timeline .TitleCase h3{
display: block;
float: left;
font-size: 14px;
width: 550px;
padding-top: 4px;
padding-left: 8px;
padding-right: 0px;
margin: 0px;
padding-bottom: 2px;
}

#Timeline .GreyPanel{
display: block;
float: left;
width: 667px;
padding-top: 4px;
padding-bottom: 8px;
margin-top: 0px;
margin-bottom: 8px;
background: url(CSSimages/GreyPanelBottom.gif) no-repeat bottom #f3f3f3;
}

#Timeline .GreyPanel h5{
display: block;
float: left;
width: 578px;
font-size: 12px;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 6px;
}

#Timeline .GreyPanel ul{
display: block;
float: left;
list-style: disc;
margin-left: 18px;
margin-right: 12px;
}


#Timeline .GreyPanel li{
width: 600px;
}






#Developers #MainContent .NewsPanel,
#Sales #MainContent .NewsPanel,
#AdminMarketing #MainContent .NewsPanel,
#Graduates #MainContent .NewsPanel,
#Consultants #MainContent .NewsPanel{
display: block;
float: left;
width: 667px;
padding-top: 5px;
padding-bottom: 12px;
background: url(CSSimages/OnTheRadarBottom.gif) no-repeat left bottom #eeeeee;
border: 0;
margin: 0;
}

#Developers #MainContent .NewsPanel table,
#Sales #MainContent .NewsPanel table,
#AdminMarketing #MainContent .NewsPanel table,
#Graduates #MainContent .NewsPanel table,
#Consultants #MainContent .NewsPanel table{
background-color: #eeeeee;
padding-bottom: 4px;
}


#Developers #MainContent td,
#Sales #MainContent td,
#AdminMarketing #MainContent td,
#Graduates #MainContent td,
#Consultants #MainContent td{
color: #505050;
}

#Developers #MainContent h5,
#Sales #MainContent h5,
#AdminMarketing #MainContent h5,
#Graduates #MainContent h5,
#Consultants #MainContent h5{
font-size: 12px;
margin-left: 4px;
}


.NewsPanel .SummarySideLeft{
width: 56px;
text-align: right;
font-weight: 800;
color: #ffffff;
}

.NewsPanel .SummarySideLeftShort{
width: 50px;
text-align: right;
font-weight: 800;
color: #ffffff;
}

.NewsPanel .SummarySideRight{
width: 78px;
text-align: left;
padding-left: 2px;
font-weight: 800;
color: #ffffff;
}


.NewsPanel .SummarySideRightLong{
width: 132px;
text-align: left;
padding-left: 2px;
font-weight: 800;
color: #ffffff;
}

#Developers #MainContent .NewsPanel p,
#Sales #MainContent .NewsPanel p,
#AdminMarketing .NewsPanel p,
#Graduates .NewsPanel p,
#Consultants .NewsPanel p{
display: block;
float: left;
width: 622px;
font-size: 11px;
text-align: left;
margin-top: 4px;
padding-left: 22px;
padding-right: 12px;
background-color: #eeeeee;
}


#Developers #MainContent .NewsPanel ul,
#Sales #MainContent .NewsPanel ul,
#AdminMarketing #MainContent .NewsPanel ul,
#Graduates #MainContent .NewsPanel ul,
#Consultants #MainContent .NewsPanel ul{
display: block;
float: left;
margin-left: 12px;
padding-bottom: 12px;
width: 600px;
background-color: #eeeeee;
}

#Developers #MainContent .NewsPanel li,
#Sales #MainContent .NewsPanel li,
#AdminMarketing #MainContent .NewsPanel li,
#Graduates #MainContent .NewsPanel li,
#Consultants #MainContent .NewsPanel li{
list-style: disc;
margin-left: 22px;
}


#Developers #MainContent .NewsPanel .Email,
#Sales #MainContent .NewsPanel .Email,
#AdminMarketing #MainContent .NewsPanel .Email,
#Graduates #MainContent .NewsPanel .Email,
#Consultants #MainContent .NewsPanel .Email{
margin-left: 500px;
}


/* --------------
Centres the text
-------------- */
#LogIn .Centred{
display: block;
width: 467px;
text-align: center;
}