@import url("reset.css");

a
{
	text-decoration: none;
	color: #333333;
}

body
{
	background-color: #F2F2F2;
	font-family: Trebuchet MS;
	color: #333333;
	font-size: 13px;
}

.borderWhite3px
{
	border-top: solid 3px #ffffff;
	border-left: solid 3px #ffffff;
	border-right: solid 3px #ffffff;
	border-bottom: solid 3px #ffffff;
}

.borderWhite3pxSides
{
	border-left: solid 3px #ffffff;
	border-right: solid 3px #ffffff;
}

.TabOuterDiv
{
	padding-top: 10px;
	padding-left: 14px;
	padding-right: 10px;
	width: 650px; 
}
.searchButton
{
	background-image: url(../Images/Main_Master/search.png);
	background-repeat: no-repeat;
}

.Tabpadding
{
	padding-top: 6px;
	padding-bottom:4px;
}

.TabP
{
	padding-top: 8px;
}

.Tab
{
	background-color: #fd9b00;

}

.TabTriangle
{
	z-index: 60;
	position: absolute;
	margin-top: 35px;
	width: 107px;
}

.TabMsgTriangle
{
	z-index: 60;
	position: absolute;
	margin-top: 5px;
	width: 107px;
}

.TabCirkel
{
	background-image: url(../Images/cirkel.png);
	width: 23px;
	height: 20px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 12px;
	position: absolute;
	padding-top: 3px;
}

.wrapper
{
	height: 100%;
	margin: 0 auto 0;
	padding: 0;
	width: 996px;
}

.wrapperleft
{
	background: transparent url(../Images/bg_left.jpg) repeat-y scroll 0 0;
	height: 100%;
	margin: 0 auto 0;
	padding: 0;
	width: 8px;
}

.wrappertext
{
	padding-top: 87px; /*padding-bottom: 5px;*/
	background-image: url(../Images/background.png);
	background-repeat: repeat;
}

.wrapperlogintext
{
	background-image: url(../Images/background.png);
	background-repeat: repeat;
	padding-left: 30px;
	padding-right: 30px;
}

.wrapperbottom
{
	background: transparent url(../Images/bottom.jpg) repeat-x scroll 0 0;
	height: 41px;
	margin: 0 auto 0;
	padding: 0;
}

.wrapperright
{
	background: transparent url(../Images/bg_right.jpg) repeat-y scroll 0 0;
	height: 100%;
	margin: 0 auto 0;
	padding: 0;
	width: 18px;
}

.HeaderBlack
{
	/*background-image: url(../Images/blackHeader.png); 	background-repeat: repeat-x;*/
	background-color: #4d4d4d;
	height: 22px;
}

.HeaderGreen
{
	background-image: url(../Images/header_green.jpg);
	background-repeat: repeat-x;
	height: 32px;
}

.HeaderOrange
{
	background-image: url(../Images/header_orange.jpg);
	background-repeat: repeat-x;
	height: 22px;
}

.HeaderBack
{
	width: 90px;
	padding-top: 8px;
}



.HeaderRightOfBack
{
	height: 24px;
	padding-top: 8px;
	padding-left: 20px;
	width: 528px;
}

.HeaderRightOfBackLong
{
	height: 24px;
	padding-top: 8px;
	padding-left: 20px;
	width: 630px;
}

.largegreenbutton
{
	background-image: url(../Images/header_green_high.jpg);
	background-repeat: repeat-x;
	height: 52px;
}

.HeaderBlackProfile
{
	background-image: url(../Images/header_black.jpg);
	background-repeat: repeat-x;
	border: solid 3px #ffffff;
	font-family: Georgia;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	height: 32px;
}

.HeaderGreenProfile
{
	background-image: url(../Images/header_green.jpg);
	background-repeat: repeat-x;
	border: solid 3px #ffffff;
	font-family: Georgia;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	height: 32px;
}

.SmallEditButton
{
	background-image: url(../Images/small_green_button.jpg);
	background-repeat: repeat-x;
	height: 16px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 8px;
	font-weight: bold;
	cursor: pointer;
}

.GreenButton
{
	background-image: url(../Images/Challenge_Green_Button.jpg);
	background-repeat: repeat-x;
	height: 22px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}

.orangebutton
{
	background-image: url(../Images/Challenge_Orange_Button.png);
	background-repeat: repeat-x;
	height: 22px;
}

.blackbutton
{
	background-image: url(../Images/Challenge_Black_Button.png);
	background-repeat: repeat-x;
	height: 22px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}

.loginbutton
{
	background-image: url(../Images/login_button.jpg);
	background-repeat: repeat-x;
	height: 40px;
}

.SmallBlackButton
{
	background-image: url(../Images/small_black_button.jpg);
	background-repeat: repeat-x;
	height: 16px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 8px;
	font-weight: bold;
	cursor: pointer;
}

.SmallOrangeButton
{
	background-image: url(../Images/small_orange_button.jpg);
	background-repeat: repeat-x;
	height: 16px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 8px;
	font-weight: bold;
	cursor: pointer;
}

.SmallGreenButton
{
	background-image: url(../Images/small_green_button.jpg);
	background-repeat: repeat-x;
	height: 16px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 8px;
	font-weight: bold;
	cursor: pointer;
}

.LoggedInTop
{
	background-image: url(../Images/banner.png);
	background-repeat: repeat-y;
	height: 70px;
	width: 960px;
}

.LogInTop
{
	background-image: url(../Images/banner.png);
	background-repeat: repeat-y;
	height: 190px;
	width: 960px;
}

.WhiteBoxGrayBorder
{
	background-color: #ffffff;
	border: solid 1px #e2e2e2;
}

.orangeboxgrayborder
{
	background-color: #fd9b00;
	border: solid 1px #e2e2e2;
}

.GrayBox
{
	background-color: #c7c7c7;
	text-align: center;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 12px;
}

.SideBarHeader
{
	background-image: url(../Images/sidebar_header.jpg);
	background-repeat: repeat-x;
	height: 26px;
	padding-left: 20px;
}

.SideBarleftborder
{
	background-color: #ffffff;
	border-left: solid 1px #e2e2e2;
}

.test
{
	background-repeat: no-repeat;
}

/* Text props begins */
.normal
{
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

.orangetxt
{
	color: Orange;
}

.greentxt
{
	color: #78bb16;
}

.greytxt
{
	color: #888888;
}

.blacktxt
{
	color: #333333;
}

.whitetxt
{
	color: #ffffff;
}

.greentxt
{
	color: #73ae00;
	}

.altItemBackColor
{
    background-color: #e3e3e3;
}

.smalltxtsize
{
	font-size: 11px;
	line-height: 14px;
}

.darkGreyHeadertxtsize
{
	font-size: 20px;
	color: #333333;
}

.underline
{
	text-decoration: underline;
}

.normaltxtsize
{
	font-size: 12px;
	line-height: 15px;
}

.newsFeed
{
	font-size: 12px;
	line-height: 18px;
}

.headertxtsize
{
	font-size: 14px;
	line-height: 17px;
}

.largetxtsize
{
	font-size: 14px;
	line-height: 19px;
}

.menutxtsize
{
	font-size: 20px;
}

.hugetxtsize
{
	font-size: 24px;
	line-height: 27px;
}

.georgia
{
	font-family: Georgia;
}

.trebuchet
{
	font-family: Trebuchet MS;
}

.TextBoldOrangeGeorgia
{
	font-family: Georgia;
	font-weight: bold;
	font-size: 11px;
	color: orange;
}

.Headline
{
	color: Orange;
	font-family: Georgia;
	font-size: 16px;
	font-weight: bold;
}

.TabText
{
    font-family:Trebuchet MS;
	font-size: 14px;
}

.PlainText
{
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 11px;
}

.NameTextGreenBold
{
	color: #78bb16;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 13px;
}

.NameTextGreenBoldSmall
{
	color: #78bb16;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
}

.NameTextBold
{
	color: #000000;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 13px;
}

.NameTextBoldSmall
{
	color: #000000;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
}

.NameTextGreen
{
	color: #78bb16;
	font-family: Trebuchet MS;
	font-size: 13px;
}

.NameTextGreenSmall
{
	color: #78bb16;
	font-family: Trebuchet MS;
	font-size: 10px;
}

.NameText
{
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 13px;
}

.NameTextSmall
{
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 10px;
}

.CreateChallengeHeadlines
{
	font-style: italic;
	color: #666666;
}

.LabelInput
{
	font-style: italic;
	width:100px;
	align:
}
.TextInput
{
	padding-left: 20px; 
	padding-top: 5px;
}

.LabelText
{
	font-style: italic;
	color: #666666;
	vertical-align:top;
}

.LabelBeforeTextBox
{
    width: 90px; 
    padding: 5px 10px 0px 10px; 
    vertical-align: top;
}

.LabelBeforeTextBoxPassword
{
    text-align:right;
    width: 130px; 
    padding: 0px 10px 0px 10px; 
    vertical-align: top;
}

.LabelAfterCheckBox
{
    padding: 5px 10px 0px 10px; 
    vertical-align: top;
}

.MessageCommon
{
	font-style: italic;
	color: #999999;
	font-family: Trebuchet MS;
}

.italic
{
	font-style: italic;
}

.thumbsup
{
	background-image: url(../Images/Main_Master/thumb.png);
	background-repeat:no-repeat;
	}

/* Text props ends */

.HorizontalDivider
{
	background-color: #e6e7e8;
}

.PictureFrame
{
	border: solid 4px #e6e7e8;
}

.BoxPaddingTop
{
	padding-top: 18px;
}

input, textarea, select
{
	border: solid 1px #bfbfbf;
	padding: 0px 0px 0px 2px;
	font-family: Trebuchet MS;
	font-size: 12px;
}

input[type=checkbox]
{
	border: none;
}

span.tags input[type=radio]
{
	border: none 0px White;
}

/*********************
Brain get started, Edit brain
*********************/
.inputEditBrain input
{
	width: 200px;
}

/* Input watermark styles */
.watermarkActive
{
	padding: 5px 5px 5px 5px;
	border: solid 1px #BFBFBF;
	font-family: Georgia;
	color: #000000;
}
.watermarkInactive
{
	padding: 5px 5px 5px 5px;
	border: solid 1px #BFBFBF;
	color: Gray;
	font-family: Georgia;
	font-style: italic;
}

.underline
{
	text-decoration: underline;
}

.paddingBottom
{
	padding-bottom: 5px;
}

.txtcenter
{
	text-align: center;
}

.txtright
{
	text-align: right;
}

.txtleft
{
	text-align: left;
}

.divfloatleft
{
	float: left;
}

.divfloatright
{
	float: right;
}

.divclear
{
	clear: both;
}

.pointer
{
	cursor: pointer;
}

/***VALIDATION***/

.status
{
	padding-top: 2px;
	padding-left: 5px;
}

.status .error
{
	color: White;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 16px;
	height: 20px;
	font-size: 12px;
}

/***SIGN UP EMAIL CONFIRMATION***/

.ModalWindowConfirmEmailPosition
{
	position: absolute;
	margin: -15px auto auto -50px; /* half of div height auto auto half of box width */
	left: 40%;
	top: 35%;
	vertical-align: middle;
	z-index: 2000;
}

.ModalWindowConfirmEmail
{
	font-family: Trebuchet MS;
	border: 2px solid Black;
	padding: 10px;
	width: 306px;
	background-image: url(../Images/loginBG.png);
	color: White;
}

/***FORGOT PASSWORD***/

.forgotPassword
{
	background-color: Orange;
	color: White;
	width: 574px;
	height: 150px;
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 8px;
	padding-left: 10px;
	padding-top: 10px;
	font-family: Trebuchet MS;
	font-weight: bold;
}

/***RESET PASSWORD***/

.resetPassword
{
	background-color: Orange;
	color: White;
	width: 574px;
	height: 150px;
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 8px;
	padding-left: 10px;
	padding-top: 10px;
	font-family: Trebuchet MS;
	font-weight: bold;
}

#ResetPassword .label
{
	width: 200px;
}

#ResetPassword .input
{
	width: 150px;
}

/*Style for popular tags */
.cloud .Popular
{
	font-family: Trebuchet MS;
	font-size: 16px;
	color: #A9A9A9;
	line-height: 20px;
}

.Popular:hover
{
	color: #000000;
}
.SelectedTag
{
	font-family: Trebuchet MS;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
}

.cloud .MemberTags
{
	font-family: Trebuchet MS;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
}

.deleteTagIcon
{
	background-image: url(../Images/Main_Master/delete.gif);
	background-repeat: no-repeat;
}

.cloud
{
}

/*Styles for profession tags, possible member tags and sector tags */
span.cloud a.CommonNone
{
	padding-right: 10px;
	font-size: 12px;
	color: #333333;
	line-height: 25px;
}

span.cloud a.CommonLittle
{
	padding-right: 10px;
	font-size: 16px;
	color: #333333;
	line-height: 25px;
}

span.cloud a.CommonAverage
{
	padding-right: 10px;
	font-size: 20px;
	color: #333333;
	line-height: 25px;
}

span.cloud a.CommonHigh
{
	padding-right: 10px;
	font-size: 24px;
	color: #333333;
	line-height: 25px;
}

span.cloud a.CommonVeryHigh
{
	padding-right: 10px;
	font-size: 28px;
	color: #333333;
	line-height: 25px;
}

/*Style for interest tags */
.cloud .Interest
{
	font-family: Tahoma, "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #A9A9A9;
	text-decoration: underline;
}

.cloud .JobTitle
{
	font-family: Tahoma, "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}

.Highlight
{
	background-color: #66CD00;
}


/***Validation***/

.validationSummary
{
	background-color: #79bb15;
	font-size: 11px;
	color: White;
	padding-left: 20px;
}

.PAPCommonGrid
{
	border-bottom: 1px solid #eeeeee;
	border-collapse: collapse;
	padding-top: 5px;
}

.MessageBold
{
	font-family: georgia;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.MessageRegular
{
	font-family: georgia;
	font-size: 14px;
	color: #999999;
}

.ButtonGreenSmall
{
	background-image: url(../Images/buttons/green/22.jpg);
	background-repeat: repeat-x;
	height: 22px;
}

.ButtonGreen
{
	background-image: url(../Images/buttons/green/32.jpg);
	background-repeat: repeat-x;
	height: 32px;
}

.ButtonGreenLarge
{
	background-image: url(../Images/buttons/green/39.jpg);
	background-repeat: repeat-x;
	height: 39px;
}

.ButtonOrangeSmall
{
	background-image: url(../Images/buttons/orange/22.png);
	background-repeat: repeat-x;
	height: 22px;
}

.ButtonOrange
{
	background-image: url(../Images/buttons/green/32.jpg);
	background-repeat: repeat-x;
	height: 22px;
}

.flipleft
{
	background-image: url(../Images/Main_Master/flipleft.png);
	background-repeat: no-repeat;
}

.flipright
{
	background-image: url(../Images/Main_Master/flipright.png);
	background-repeat: no-repeat;
}

.ButtonOrangeLarge
{
	background-image: url(../Images/buttons/green/22.jpg);
	background-repeat: repeat-x;
	height: 22px;
}

.leve1
{
	background-image: url(../Images/Main_Master/level1.gif);
}

.leve2
{
	background-image: url(../Images/Main_Master/level2.gif);
}

.leve3
{
	background-image: url(../Images/Main_Master/level3.gif);
}





.clear
{
	/* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

.button
{
	background: transparent url('../Images/Main_Master/bg_button_a.gif') no-repeat scroll top right;
	color: white;
	display: block;
	float: left;
	font: normal 12px trebuchet, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	padding-left: 5px;
}

.msgCount
{
	background: transparent url('../Images/Main_Master/mailnr.png') no-repeat;
	background-repeat: no-repeat;
	width: 40px;
	height: 20px;
	color: White;
}

.DivLevelBadge
{
	background: transparent url('../Images/Main_Master/badge.jpg') no-repeat;
	}

.button span
{
	background: transparent url('../Images/Main_Master/bg_button_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

.button:active
{
	background-position: bottom right;
	color: white;
	outline: none; /* hide dotted outline in Firefox */
}

.button:active span
{
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}



.bigbutton
{
	background: transparent url('../Images/Main_Master/bg_button_big_a.gif') no-repeat scroll top right;
	color: white;
	display: block;
	float: left;
	font: normal 24px trebuchet, sans-serif;
	height: 48px;
	margin-right: 1px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	padding-left: 0px;
}

.bigbutton span
{
	background: transparent url('../Images/Main_Master/bg_button_big_span.gif') no-repeat;
	display: block;
	line-height: 38px;
	padding: 5px 0px 5px 18px;
}

.bigbutton:active
{
	background-position: bottom right;
	color: white;
	outline: none; /* hide dotted outline in Firefox */
}

.bigbutton:active span
{
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}






.blackbutton
{
	background: transparent url('../Images/Main_Master/bg_button_a_black.png') no-repeat scroll top right;
	color: white;
	display: block;
	float: left;
	font: normal 12px trebuchet, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	padding-left: 5px;
}

.blackbutton span
{
	background: transparent url('../Images/Main_Master/bg_button_span_black.png') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

.blackbuttonbutton:active
{
	background-position: bottom right;
	color: white;
	outline: none; /* hide dotted outline in Firefox */
}

.blackbuttonbutton:active span
{
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}

.rail
{
	position: relative;
	background-color: #e2e2e2;
	height: 8px;
	width: 150px;
}

.handle
{
	position: absolute;
	height: 8px;
	width: 15px;
	background: url("small_green_button") repeat-x;
}




/*Modal popup*/

.confirm-dialog
{
	background: url(../Images/Main_Master/dialog24.png) no-repeat left top;
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 600px;
	padding-top: 14px;
	position: relative;
}

.confirm-dialog .inner
{
	padding-right: 60px;
	padding-left: 20px;
	padding-bottom: 11px;
	background: url(../Images/Main_Master/dialog24.png) no-repeat left bottom;
	float: left;
	margin: 0px 0px -20px 0px;
	width: 500px;
	padding-top: 0px;
}

.confirm-dialog .base
{
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: center;
}

.confirm-dialog H2
{
	font-weight: bold;
	font-size: 1.25em;
	color: #f60;
	text-align: center;
}

.confirm-dialog input
{
	width: 50px;
}

.close
{
	display: block;
	background: url(../Images/Main_Master/close24.png) no-repeat 0px 0px;
	left: -5px;
	width: 26px;
	text-indent: -1000em;
	position: absolute;
	top: -7px;
	height: 26px;
}

.LightBoxClose
{

	background: url(../Images/Main_Master/close24.png) no-repeat;
	 padding-top:-10px;
	width: 26px;
	
	height: 26px;
}
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.addToConcept
{
	width: 110px;
	background-color: #888888;
    text-align: center;
    color: White;
}

.addedToConcept
{
	border: solid 1px #888888;
	width: 110px;
	background-color: White;
	text-align: center;
	color: #888888;
}

.autofit
{
    display:inline;
}

.gradeMarked
{
	background-color: #79bb16;
}

.gradeUnmarked
{
	background-color: #e6e6e6;
}



.BackBG
{
    margin-top:4px;
	background: url(../Images/Main_Master/back.png);
	height:15px;
	width:15px;
	}

.FronBannerBg
{
	background: url(../Images/Main_Master/baggrundForside.png);
	background-repeat:repeat;
	
	}

/*********************
MVC Invite control
*********************/
    ul#invitation-tab
    {
        list-style-type: none;
        display: inline;
    }
    ul#invitation-tab li
    {
        list-style-type: none;
        display: inline;
    }
    .selected
    {
        list-style-type: none;
        display: block;
        border-top: 1px solid #333333;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #FFFFFF;
        margin: 5px;
    }
    #invitation-tab li
    {
        cursor: pointer;
    }
    .labelStyle
    {
        width: 100px;
        font-size: 13px;
        line-height: 15px;
        font-family: Trebuchet MS;
        text-align: right;
        color: #666666;
        font-style: italic;
        vertical-align: top;
    }
    .liPadding
    {
        padding: 2px 5px 0px 5px;
    }
    
    .brainstormtriangle 
    {
        background-image:url(../Images/triangle.gif);
        background-position:25px 0;
        background-repeat:no-repeat;
        margin-top:1em;
        padding-top:11px;
    }
    .hrbrainstorms
    {
        border:0;
        border-top: 1px solid #e3e3e3;
        height: 0;
        background: #e3e3e3;
    }
    .hrbrainstormcomments
    {
        border:0;
        border-top: 1px solid #FFFFFF;
        height: 0;
        background: #FFFFFF;
    }
    
.LinkColor a:link
{
	color:#73AE00;

}
.LinkVisitedColor a:visited
{
	color:#73AE00;

}