/* Alle fonte er Arial str. 10px, 20px eller 30px, 40px */
/* Paddings og margins  er default 25px - derudover 50px og 100px*/
/* Colors: ULight blue:	#E1F1FF
/*		   Light blue : #85c7ff */
/*		   Midt blue  :	#699dc8 */
/*		   Dark blue  :	# */
/*		   Grey		  : #6c6d70 */


body
{
	margin: 25px;
	padding: 0px;
	font-family: Arial;
	font-size: 10px;
}

a img
{
	border-style: none;
}

hr
{
	padding: 0px;
	margin: 0px;
	margin-top: 25px;
	border: 0;
	color:  #85c7ff;
	background-color: #85c7ff;
	width: 848px;
	height: 1px;
	text-align: left;
}

hr.dashBoard
{
	padding: 0px;
	margin: 0px;
	border: 0;
	color:  #85c7ff;
	background-color: #85c7ff;
	width: 848px;
	height: 1px;
	text-align: left;
}

div#loginDiv
{
	width: 760px;
	height: 400px;
	background-color: #83C0EA;

}
/* The logo div */
div#logoDivLogin
{
	width: 760px;
	height: 75px;
	margin-top: 9px;
}

div.logoDiv
{
	width: 848px;
	height: 75px;
	border: 1px solid #85c7ff;
}
div.logoDivWide
{
	width: 848px;
	height: 75px;
	border: 1px solid #85c7ff;
}

/* the font classes */

.bold
{
	font-weight: bold;
}

.fieldHeading
{
	color: #6c6d70;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
}

.fieldSubHeading
{
	color: #6c6d70;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}

.fieldValue
{
	color: Blue;
	font-family: Arial;
	font-size: 10px;
}

.dashBoardDatePicker
{
	height: 50px;
}
.dashBoardHeader
{
	color: #6c6d70;
	font-family: Arial;
	font-size: 10px;
	height: 50px;
	font-weight: bold;
}
.dashBoardContent
{
	color: #699dc8;
	font-family: Arial;
	font-size: 10px;
	height: 50px;
	font-weight: bold;
}

.systemMessage,
.usageLink
{
	text-align: left;
	color: #6c6d70;
	font-family: Arial;
	font-size: 10px;
	padding-right: 5px;
}

a
{
	color: #6c6d70;
}


/* The title on the login screen */
div.communicationsEngineLogin
{
	width: 319px;
	height: 130px;
	font-size: 40px;
	font-weight: bold;
	color: #699dc8;
	text-align: right;
	padding-left: 25px;
	padding-top: 25px;
}

.loginText
{
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}

.loginBox
{
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #6C6D71;
	font-size: 15px;
	width: 155px;
	height: 22px;
	
}

input.loginButton
{
	width: 40px;
	font-weight: bold;
	border: 1px solid #6C6D71;
	font-size: 20px;
}


td.lightBlue
{
	background-color: #93D1FE;	
}

div.topMenuBackground
{
	width: 850px;
	height: 200px;
	background-color: #85c7ff;
}
div.topMenuBackgroundWide
{
	width: 1000px;
	height: 200px;
	background-color: #85c7ff;
}
/* The main menu */
td.menuButton
{
	width: 100px;
	height: 50px;
	background-color: #6c6d70;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	font-size: 18px;
}
td.menuButton:hover,
td.menuButtonActive
{
	width: 100px;
	height: 50px;
	background-color: #699dc8;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	font-size: 18px;
}
td.menuButtonActive:hover
{
}
td.menuButtonOff
{
	width: 50px;
	height: 50px;
	background-color: #6c6d70;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	font-size: 18px;
}

td.subMenuButton
{
	width: 70px;
	height: 24px;
	background-color: #6c6d70;
	text-align: left;
	color: #ffffff;
	cursor: pointer;
	padding-left: 20px;
	font-size: 10px;
	border-bottom: 1px solid #85c7ff;
}
td.subMenuButton:hover
{
	text-decoration: underline;
}
td.subMenuButtonActive
{
	width: 70px;
	height: 24px;
	background-color: #699dc8;
	text-align: left;
	color: #ffffff;
	cursor: pointer;
	padding-left: 20px;
	font-size: 10px;
	border-bottom: 1px solid #85c7ff;
}
td.subMenuButton:hover
{
	text-decoration: underline;
}

/* end of main menu */

div.content
{
	width: 848px;
	border-bottom: 1px solid #85c7ff;
	border-left : 1px solid #85c7ff;
	border-right: 1px solid #85c7ff;
	padding-bottom: 25px;
}

tr.contentRow
{
	padding: 0px;
	margin: 0px;
	vertical-align:top;
	
}

tr.contentRow td
{
	padding-left: 25px;
	padding-top: 25px;
}

tr.contentRow td td
{
	padding: 0px;
	margin: 0px;	
}

tr.contentRowFollowing
{
	vertical-align:top;
}

tr.contentRowFollowing td
{
	vertical-align:top;
	padding-left: 25px;
}
tr.contentRowFollowing td td
{
	vertical-align:top;
	padding-left: 0px;
}

div.sectionIndex
{
	line-height: 50px;
	height: 50px;
	width: 50px;
	color: White; 
	text-align: center;
	background-color: #85c7ff;
	font-size: 30px;
	font-weight: bold;
}

.button50
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #6c6d70;
	height: 25px;
	width: 50px;
	color: White;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;
}
.button50[disabled]
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #e2e2e2;
	height: 25px;
	width: 50px;
	color: #6c6d70;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;
}
.button75
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #6c6d70;
	height: 25px;
	width: 75px;
	color: White;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;
}
.button75[disabled]
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #e2e2e2;
	height: 25px;
	width: 75px;
	color: #6c6d70;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;
}

.button100
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #6c6d70;
	height: 25px;
	width: 100px;
	color: White;
	font-weight: bold;
	cursor: pointer;
}
.button100[disabled]
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #e2e2e2;
	height: 25px;
	width: 100px;
	color: #6c6d70;
	font-weight: bold;
	cursor: pointer;
}

.button125
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #6c6d70;
	height: 25px;
	width: 125px;
	color: White;
	font-weight: bold;
	cursor: pointer;
}
.button125[disabled]
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #e2e2e2;
	height: 25px;
	width: 125px;
	color: #6c6d70;
	font-weight: bold;
	cursor: pointer;
}

.button150
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #6c6d70;
	height: 25px;
	width: 150px;
	color: White;
	font-weight: bold;
	cursor: pointer;
}

.button200
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0;
	background-color: #6c6d70;
	height: 25px;
	width: 200px;
	color: White;
	font-weight: bold;
	cursor: pointer;
}

.textField200
{
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 200px;
}

.txt200
{
    width: 200px;
}

.ddl200
{
    width: 200px;
}

.ButtonArrowUp
{
	background-image: url(/images/frontend/arrowUp.png); 
	background-repeat: no-repeat;
	background-color : Transparent;
	width: 22px !important;
	height: 22px;
	text-align: center;
	border-style: none;
	cursor: pointer;
}

.ButtonArrowDown
{
	background-image: url(/images/frontend/arrowDown.png); 
	background-repeat: no-repeat;
	background-color : Transparent;
	width: 22px !important;
	height: 22px;
	text-align: center;
	border-style: none;
	cursor: pointer;
}

/* Publish */

div.publishServiceDiv 
{
	margin: 5px;	
}

div.scheduleServiceDiv 
{
	margin: 5px;	
	text-align: left; 
}
select.timezoneDDL
{
width: 190px;
border: solid 1px #7F9DB9;
font-size: 10px;
}
.infoHeader
{
    font-size: 20px;    
    font-family: Arial;
}

tr.headerTemplate
{
	background-color: #85c7ff;
	font-weight: bold;
}

a.linkButton
{
	color: Black;
	text-decoration: none;
	font-family: Arial;
}

tr.itemTemplate
{
	vertical-align:top;
}

tr.itemTemplateAlternating
{
	background-color: #E1F1FF;
	vertical-align:top;
}

tr.itemTemplateSmall
{
	font-size: 10px;
}

tr.itemTemplateAlternatingSmall
{
	font-size: 10px;
	background-color: #E1F1FF;
}


/* Publishing */
.IntroText
{
	font-size: 10px;
	font-style: italic;
}

/* Issues */


.IssuesStatusLabel
{
	line-height: 24px;
	margin-right: 5px;
	font-size: 10px;
	vertical-align: middle;
}


/* old style below */

td.infoIconTD
{
    vertical-align: top;
    padding-top: 3px;
}

input.txt600
{
    width: 600px;
}

input.txt450
{
    width: 450px;
}
input.txt400
{
    width: 400px;
}
input.txt150
{
    width: 150px;
}
textarea.textarea600
{
    width: 600px;
}
textarea.textarea400
{
    width: 400px;
}
div.internalInfo
{
    border: 1px solid #7F9DB9;
    width:650px;
    margin-bottom: 20px;
    padding: 20px;
}

div.externalInfo
{
    border: 1px solid #7F9DB9;
    width: 650px;
    margin-bottom: 20px;
    padding: 20px;
}

div.externalInfo400
{
    border: 1px solid #7F9DB9;
    width: 450px;
    margin-bottom: 20px;
    padding: 20px;
}

.RepeaterHeaderButton
{
	width: 100%;
	background-color: Transparent;
	text-align: center;
	cursor: pointer;
}
.RepeaterHeaderButton[disabled]
{
	width: 100%;
	background-color: Transparent;
	text-align: center;
	color: Black;
}

/* Read more page */

.Headline
{
	color: #6c6d70;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
}

.Subline
{
	color: #6c6d70;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}


/* RADTREE */
.RadTreeNode			{text-decoration:none; font-family:Arial; font-size: 11px;background-color: #fff;}
.RadTreeNodeOverLink	{text-decoration:underline; font-family:Arial; font-size: 11px}
.RadTreeNodeOverNoLink	{text-decoration:none; font-family:Arial; font-size: 11px}
.RadTreeNodeSelect		{text-decoration:none; font-family:Arial; font-size: 11px}
.RadTreeNodeSelectMark	{text-decoration:none; color:White; font-family:Arial; font-size: 11px; background-color:#85C7FF;}


/* CONTENT ARTICLES */
.flag img
{
	vertical-align:middle;
	padding-right: 3px;
}


/* Issue/Event trees */
.issueTree,
.issueButtons
{
    float: left;
    min-width: 48%;   
}
.eventTree,
.eventButtons
{
    float: left;
    min-width: 48%;
}
.eventButtonsRight
{
    float: right;
    min-width: 48%;
}


a.linkAnalysisUrl, a.linkAnalysisUrl:visited 
{
    color: #000000;
    text-decoration: none;
}

a.linkAnalysisUrl:hover
{
    color: #000000;
    text-decoration: underline;
}

td.analysisTD
{
    padding-left: 0px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
    padding-right: 8px!important;
}

td.analysisIconTD
{
    padding-left: 0px!important;
    padding-top: 2px!important;
    padding-bottom: 4px!important;
    padding-right: 2px!important;
}

tr.attendeeOdd { background-color: #fdfdfd;}

tr.attendeeEven { background-color: #dfdfdf;}

.iframeBody{ margin: 0px 0px 0px 0px;}