@import "reset.css";
@import "navigation.css?v=2";

/*-------------------------------------------setup----------------------------------------------*/

/*body {
	background:#fff url(../images/background.gif) top left repeat-x;
	font:12px Arial, Helvetica, sans-serif;
}*/

#wrapper {
	width:853px;
	margin:0 auto;
}

/*-------------------------------------------cookies warning-----------------------------------*/

#cookies{
    background-color: #555555 !important;
    border-top: 1px solid #666 !important;
    bottom: 0 !important;
    color: #aaa !important;
    font-size: 12px !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 5px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 999999999 !important;
}

#cookies p
{
    color: #aaa !important;
}

#cookies a
{
 color: #eee !important;
}

#cookies-accept
{
    background-color: #666666 !important;
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important;
    float: right !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin: 10px 10px 0 0 !important;
    padding: 2px 10px 8px 10px !important;
    height: 12px;
}

.testbutton {
  font-family: arial;
  color: #14396A !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #EDEDED;
  padding: 10px 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #EDEDED;
}
.testbutton:hover {
  color: #EDEDED !important;
  background: #468CCF;
}


/*----------------------------------------text styles-------------------------------------------*/

h1 {
	font:18px Arial, Helvetica, sans-serif;
	color:#d58104;
	margin:0 0 22px 0;
	border-bottom:1px solid #d58104;
	padding:0 0 2px 0;
}

h2 {
	font:16px Arial, Helvetica, sans-serif;
	color:#d58104;
	margin:0 0 10px 0;
}

h3 {
	font:12px Arial, Helvetica, sans-serif;
	color:#d58104;
	margin:0 0 8px 0;
}

p {
	font:12px Arial, Helvetica, sans-serif;
	color:#355059;
	margin:0 0 15px 0;
}

fieldset 
{
    border:1px solid #ddd;
    padding: 10px 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

strong {
	/*color:#d58104;*/
}

th
{
    text-align: left;
}

#content
{
    min-height: 400px;
}

#content a {
	color:#d58104;
}

#content a:hover {
	text-decoration:none;
}

blockquote {
	font:22px Arial, Helvetica, sans-serif;
	color:#d58104;
	padding:10px 30px 25px;
}

.rss
{
    float: right;
    margin-right: 10px;
}

.feedback
{
     background:url(../images/icons/comment.png) 0px 0px no-repeat;
     padding-left: 20px;
}

#strap-line
{
    display: block; 
    float: right;
    padding: 5px 30px 0 0;
    color: #355059;
    font-style:italic; 
}

/*------------------------------------------header----------------------------------------------*/

#topbar {
	background:url(../images/topbar/bg.png) top left no-repeat;
	width:853px;
	height:130px;
}

#topbar .logo {
	margin:4px 0 0 6px;
	border:none;
}

/*-----------------------------------main area of content---------------------------------------*/

#content {
	margin:6px 0 0 0;
	padding:16px 25px;
	width:803px;
	background:url(../images/content.png) top left no-repeat;
}

#content .mainbody {
	width:800px;
	min-height: 400px;
	margin:0 10px 0 0;
	padding:0 17px 0 0;
	color:#355059;
}

#content .mainbody-inner {
	width:585px;
	min-height: 400px;
	border-left:1px dotted #a9c4cd;
	margin:0 0 0 20px;
	padding:0 0 0 17px;
	color:#355059;
}

#content .mainbody-wide {
	color:#355059;
	min-height: 400px;
}

#content a, .homepage-pod-body a
{
	color:#d58104;
	text-decoration:none;
}

#content a:hover, .homepage-pod-body a:hover
{
	color:#d58104;
	text-decoration: underline;
}

/*---------------------------------------- search ----------------------------------------------*/
.show
{
    background:url(../images/icons/folder_add.png) top left no-repeat;
    float: right;
    padding: 2px 5px 4px 20px;
    font-size: 0.9em;
    display: none;
}

.show a
{
    color: #666666 !important;  
}

.hide
{
    background:url(../images/icons/folder_delete.png) top left no-repeat;
    float: right;
    padding: 2px 5px 4px 20px;
    font-size: 0.9em;
    color: #666666 !important;
    display: none;
}

.shown-for-js-users
{
    display: none;
}

.hide a
{
    color: #666666 !important;  
}

.toggle
{
    cursor: pointer;
}

.header-guide
{
    border-left: 1px solid #AFE6F9;
    border-right: 1px solid #AFE6F9;
    padding: 2px 2px 0px 10px;
    font-size: 12px;
}

.header-guide-profile
{
    border-left: 1px solid #AFE6F9;
    border-right: 1px solid #AFE6F9;
    border-bottom: 1px solid #AFE6F9;
    padding: 2px 2px 0px 10px;
    font-size: 0.9em;
}

.download-csv
{
    background:url(../images/icons/page_excel.png) 0px 0px no-repeat;
    padding-left: 20px;
    font-size: 0.9em;
    height: 20px;
}

.delete
{
    background:url(../images/icons/cancel.png) 0px 0px no-repeat;
    background-color: none;
    border: none;
    height: 16px;
    width: 16px;
}

/*----------------------------------------right side--------------------------------------------*/

.side {
	width: 225px;
}

.side img {
	margin:0 0 3px 0;
}

.side ul li {
	background:url(../images/bullet.gif) 0 14px no-repeat;
	padding:10px 0 10px 12px;
	border-bottom: 1px dotted #a9c4cd;
	color: #355059;	
}

.search li
{
    background: none !important;
    padding:10px 0 10px 0px !important;
}

.searchitems li
{
    background: none !important;
    border-bottom: none !important;
    padding: 4px 0 3px 15px !important;
    font-size: 0.8em !important;
}

.remove, .remove-heading
{
    background:url(../images/icons/cancel.png) 0px 0px no-repeat !important;
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 5px;
    float: left;
}

.searchitems-displayonly li
{
    background:url(../images/bullet.gif) 2px 6px no-repeat !important;
    border-bottom: none !important;
    padding: 4px 0 3px 18px !important;
    font-size: 0.8em !important;
}

.links-items li
{
	background:url(../images/bullet.gif) 0 6px no-repeat;
	padding: 2px 0px 2px 16px;
	color: #355059;	
}

.section-heading
{
    background-color: #666;
    color: #fff;
    margin: 2px 0 4px 0;
    padding: 2px 2px 2px 8px;
}

.homepage-pod-body ul li {
	background:url(../images/bullet.gif) 2px 10px no-repeat;
	padding:5px 5px 5px 15px;
	border-bottom:1px dotted #a9c4cd;
	color: #355059;	
}


#homepage-pods ul li {
	background:url(../images/bullet.gif) 2px 14px no-repeat;
	padding:10px 5px 5px 15px;
	border-bottom:1px dotted #a9c4cd;
	color: #355059;	
}

li.last
{
	border-bottom: none !important
}

.mainbody-inner ol {
    list-style:  decimal outside;
    padding-left: 20px;
}

.mainbody-inner ol li {
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #a9c4cd;
	color: #355059;
}

/*------------------------------------------footer----------------------------------------------*/

#footer 
{
	width:799px;
	height:39px;
	line-height:39px;
	background:url(../images/footer.gif) top left no-repeat;
	padding:8px 27px;
	color:#355059;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer a
{
	color:#355059;
	text-decoration:none;
}

#footer a:hover
{
	color:#d58104;
}

/*-----------------------------------------content ul-------------------------------------------*/

#content .mainbody-inner ul li {
	background:url(../images/bullet.gif) 2px 14px no-repeat;
	padding:10px 5px 10px 15px;
	border-bottom:1px dotted #a9c4cd;
}

/*---------homepage pods---------*/
.homepage-pod-left
{
    width:259px;
    float: left;
    margin-right: 22px;
    padding: 0;
}

.homepage-pod-right
{
   width:259px;
   float: left;
   padding: 0;
}

.homepage-pod-side
{
   width:235px;
   float: left;
   padding: 0;
}

.homepage-pod-header h3, .homepage-pod-header-large h3
{
    font-size: 14px;
    font-weight: bold;
    color: #666;
    height: 32px;
	padding-left: 36px;
	padding-top: 2px;
}

.side h3
{
    height: 32px;
    font-size: 15px;
    font-weight: bold;
	padding-left: 36px;
	padding-top: 2px;         
}

h3.search
{
	background:url(../images/icons/search.png) 0px 0px  no-repeat;    
}

h3.added
{
	background:url(../images/icons/recently-added.png) 0px 0px  no-repeat;    
}

h3.news
{
	background:url(../images/icons/news.png) 0px 0px  no-repeat;    
}

h3.events
{
	background:url(../images/icons/events.png) 0px 0px  no-repeat;    
}

h3.help
{
 	background:url(../images/icons/help.png) 0px 0px  no-repeat;      
}

h3.noicon
{
    padding-left: 5px;
}

.homepage-pod-body
{
    padding: 10px 6px 0 6px;
    border-left: 1px solid #AFE6F9;
    border-right: 1px solid #AFE6F9;
    background: url(../images/box.png) 10px 10px repeat-x;
    z-index: 0;
}

.homepage-pod-left, .homepage-pod-right, .homepage-pod-side
{
    border-bottom: 1px solid #AFE6F9;
}

.homepage-pod-header
{
	background:url(../images/top.png) 0px 0px  no-repeat;
	padding: 5px 0 0 5px;
	margin: 0;
	height: 24px;
	z-index: 1;
}

.homepage-pod-full
{
    width: 540px;
    float: left;
    margin-bottom: 18px;
    border-bottom: 1px solid #AFE6F9;
}

.homepage-pod-header-large
{
	background:url(../images/top-large.png) 0px 0px  no-repeat;
	padding: 5px 0 0 5px;
	margin: 0;
	height: 24px;
}

#sponsor-logos
{
    padding-top: 28px;
    margin-bottom: 18px;
}



td.icon
{
    width: 18px;
    text-align: center;
}

td.tablesubheading
{
    height: 28px;
    font-weight: bold;
}

/* --- Calander Overrides -------------- */

#ui-datepicker-div
{
    width: 230px;
}

.ui-datepicker-title
{
    font-size: 0.8em;
}

/*---------paging styles---------*/
#paging-left-panel
{
    float: left;
}

#paging-right-panel
{
    float: right;
}

.paging-item
{
    float: left;
    display: block;
    border: 1px solid #d58104;
    padding: 2px 0 2px 0;
    text-align: center;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 20px;
    font-size:0.8em;
}

/* --- Forms -------------------------- */

.editor-label
{
    color:#355059;
    float: left;
    width: 120px;
    margin-bottom: 10px;
}

.editor-label-small
{
    color:#355059;
    float: left;
    width: 70px;
    margin-bottom: 0px; 
}

.editor-label-larger
{
    color:#355059;
    float: left;
    width: 350px;
    margin-bottom: 10px;
}

.editor-label-search
{
    color:#355059;
    float: left;
    width: 250px;
    margin-bottom: 16px;
    margin: 2px 0 0;
    padding: 0 0 0 10px !important;
}

.editor-label-search-large
{
    color:#355059;
    float: left;
    width: 500px;
    margin-bottom: 16px;
    margin: 2px 0 0;
    padding: 0 0 0 10px !important;
}

.editor-label-search-small
{
    color: #355059;
    float: left;
    width: 100px;
    margin-bottom: 16px;
    margin: 2px 0 0;
    padding: 0 0 0 10px !important;
}

.editor-label-extended
{
    color:#355059;
    float: left;
    width: 500px;
    margin-left: 10px;
    margin-top: 5px;
}

.editor-label-expanded
{
    padding-left: 50px; 
}

.small-label
{
    width: 50px !important;
}

.large-label
{
    width: 400px;
}

.editor-field
{
    float: left;
    width: 380px;
}

.expanded-field textarea
{
    width: 380px;
    height: 200px;
}

.editor-multiline-field textarea 
{
    width: 400px;
    height: 60px;
}

.editor-multiline-large-field textarea 
{
    width: 400px;
    height: 400px;
}

.editor-field-large select
{
    width: 500px; 
}

.editor-small-field input
{
    width: 60px;
}

.editor-small-field select
{
    width: 80px;
}

.editor-field-expanded
{
    float: left;
    width: 440px;
}

.editor-field-left
{
    padding-left: 20px;
    float: left;
    margin-bottom: 2px;
}

.editor-field-small
{
    padding-left: 20px;    
    margin: 2px 0 0 0;
    font-size: 0.7em;
}

.editor-field-small input
{
    width: 30px;    
}

.editor-field input[type=text], .editor-field input[type=password]
{
    width: 250px;    
}

.expanded
{
    width: 500px;
}

.expanded-inline
{
    width: 400px;
}

.dateselector
{
    width: 80px !important;   
}

.linkbutton
{
    width: 148px;
    height: 14px;
    border: 1px solid #d58104;
    padding: 5px;
    font-size: 0.9em;
    text-align: center;
    font-weight: bold;
    float: right;
    background-color: #eee;
    margin-bottom: 8px; 
}

.download-csv
{
    background:url(../images/icons/page_excel.png) 3px 6px no-repeat;
    background-color: #eee;
    padding: 4px 4px 4px 20px;
    font-size: 0.9em;
    height: 30px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    padding-top: 10px;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    padding: 0 0 20px 20px;
}

.validation-summary-valid
{
    display: none;
}

#errors
{
    padding-top: 10px;
    color: Red;
}

/*  
---------------------------------------
--- Internal Tabs ---------------------
---------------------------------------
*/

.tabContainer
{
    margin: 0;
    width: 100%;
}

.tab
{
    float: left;
    display: block;
    width: 105px;
    height: 30px;
    font-size: 1.2em;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
    padding: 8px;
    margin: 0;
    color: #666;
    cursor: pointer;
}

.tabContainer .active
{
    background-color: #eee;
}

.subsection
{
    padding-top: 20px;
    margin: 0;
}

.links-manager
{
    background:url(../images/icons/add.png) 0px 0px no-repeat;
    padding: 0 0 4px 20px;       
}

.links
{
    padding-left: 25px !important;
    list-style: none outside none; 
    border: 0 none !important;
    margin: 0 !important;    
}

.links li
{
    background: none !important; 
   	padding:8px 5px 5px 20px !important;
    border: 0 none !important;   	
	color: #355059;
	cursor : pointer; 
}

#back
{
    float: right;
}


.select-options
{
    float: right;
    display: none;
}

.help-information
{
    color: #fff !important;
    font-size: 12px;
    background:url(../images/icons/information.png) 0px 0px no-repeat !important;
    padding-left: 20px;
}

.select-all, .select-none
{
    color: #fff !important;
    font-size: 12px;
}

.select-all-head, .select-none-head
{
    color: #666 !important;
    font-size: 12px;  
}

.highlighted
{
    background-color: #ffa !important; 
    border-left: 10px solid #ff0;    
}

.screenshot-holder {
	width: 820px;
}

.screenshot-image {
	width:	270px;
	float: left;
}


ul.dataextract {
	
	list-style: circle;
	list-style-position: inside;
    display: inline;

}
.dataextract li
{

   	padding:8px 5px 5px 20px !important;
}

p.smallText
{
    font-size: 10px;
}

.smallLabel
{
    font-size: 10px;
}

.formLayout
    {
        
    }
    
    .formLayout label
    {
        /*font-weight: bold;*/
        display: block;
        /*width: 120px;*/
        float: left;
        margin-bottom: 10px;
        /*width: 240px;*/
    }
 
    .formLayout input
    {
        width: 633px;
        display: block;
        float: left;
    }

input[type="submit"] {
       width: 100px; 
}

    .formLayout textarea
    {
        margin-bottom: 10px;
    }

    .formLayout label
    {
        /*text-align: right;
        padding-right: 20px;
        width: 200px;*/
    }
 
    .formLayout br
    {
        clear: left;
    }

table 
{ 
	font-family:arial;
	background-color: #d58104;
	padding:0;
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
	font-size:1em;
}

tr 
{
	background:#F4F8FA;
}


td
{
    padding: 4px;
	font-size: 8pt;
    vertical-align: top;
}

td.labelCol
{
    width: 23%;
    font-weight: bold;
}

td.listLabel 
{
    font-weight: normal;
}

td.input
{
    width: 200px;
}

.formLayout input[type=checkbox]
{
    width:auto;
    font-weight: normal;
}

.styled_list {
  color:green; background:lightblue; border-radius:5px;
  margin-right: 15px; padding:3px 5px 3px 5px; line-height: 25px;
}

.item {
    margin-bottom: 20px;
}

/* restyled for COMETV2 16/01/2020 by RC  */
.regButton {
    width: 100px;
}