@media screen and (max-width: 1073px) and (min-width: 978px) {
    div#MenuContainer ul {
        font-size: 14px !important;
    }

    div#MenuContainer ul li {
        padding: 14px 15px  !important;
    }
}

@media screen and (max-width: 977px) and (min-width: 842px)  {
    div#MenuContainer ul {
        font-size: 14px !important;
    }

    div#MenuContainer ul li {
        padding: 14px 10px !important;
    }

    #MenuAdminImpersonateText { 
        font-size: 10px !important;
        padding: 17px 10px !important;
    }
    #MenuLoggedInAs {
        font-size: 10px !important;
        padding: 17px 10px !important;
    }

    #MenuUserActions {
        font-size: 10px !important;
        padding: 17px 10px !important;
    }
}

@media screen and (max-width: 841px) {
    div#MenuContainer ul {
        font-size: 12px !important;
    }

    div#MenuContainer ul li {
        padding: 14px 6px !important;
    }

    #MenuAdminImpersonateText { 
        font-size: 10px !important;
        padding: 17px 7px !important;
    }
    #MenuLoggedInAs {
        font-size: 10px !important;
        padding: 17px 7px !important;
    }

    #MenuUserActions {
        font-size: 10px !important;
        padding: 17px 7px !important;
    }
}

@media screen and (max-width: 747px) {
    div#MenuContainer ul {
        font-size: 10px !important;
    }

    div#MenuContainer ul li {
        padding: 14px 3px !important;
    }

    #MenuAdminImpersonateText { 
        font-size: 8px !important;
        padding: 17px 3px !important;
    }
    #MenuLoggedInAs {
        font-size: 8px !important;
        padding: 17px 3px !important;
    }

    #MenuUserActions {
        font-size: 8px !important;
        padding: 17px 3px !important;
    }
}

body
{
	margin: 0;
	padding: 0;
	/*
    background-image: url("Images/Design/MainBackground.gif");
	background-repeat: repeat;
	background-position: top left;
    */
    background:#fff;
	font: 14px "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
}

.vannmerke
{

    position:fixed;
    bottom:32px;
    right:0;
    height:40px;
    width:116px;
    background:url(Images/Design/vannmerke-serit.png) no-repeat;

}

.clear 
{
  clear:both;
}

.clear20 
{
  clear:both;
  height:20px;    
}

.clear40 
{
  clear:both;
  height:40px;    
}

h1.displayLink 
{
  color:#989898; 
  font-size:16px;   
}

h1.displayLink a 
{
  color:#989898; 
  font-size:16px; 
  text-decoration:none;  
}

/* MENU HANDLING */
div#MenuBar
{
	width: 100%;
	height: 46px;
	background: url(Images/Design/bg.menu-header.png) repeat-x;
	/*
	background-image: url("Images/Design/MenuBackground.gif");
	background-repeat: repeat;
	background-position: top left;
    */
}

div#MenuNoMenuIcon
{
	background-image: url("Images/Design/MenuStart.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-left: 8px;
}

#MenuAdminImpersonateText
{
	float: right;
	font-size: 12px;
	font-weight: bold;
	padding: 17px;
	color:#fff;
}

#MenuAdminImpersonateText a
{
	color:#fff;
}

#MenuAdminImpersonate
{
	float: right;
	padding: 17px;
}

#MenuLoggedInAs
{
	float: right;
	padding: 17px;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
}

#MenuLoggedInAs a
{
	font-size: 12px;
	color:#fff;
}

#MenuUserActions
{
	float: right;
	font-size: 11px;
	font-weight: bold;
	padding: 17px;
}

#MenuUserActions a
{
	color: #fff;
}

#MenuUserActions a:hover
{
	color: #fff;
	text-decoration: none;
}

div#MenuContainer ul
{
	border: 0;
	margin: 0;
	padding: 2px 0 0 0;
	list-style-type: none;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

div#MenuContainer ul li
{
	display: block;
	float:left;
	padding: 12px 20px;
	color: #fff;
}

div#MenuContainer ul li:hover
{
    /*
	background-image: url("Images/Design/MenuBackgroundSelect.gif");
	background-repeat: repeat;
	background-position: top left;
    */
    background:#ce3b2c;
	color: #fff;
}

div#MenuContainer ul li a
{
	color: #fff;
	text-decoration: none;
}

div#MenuContainer ul li:hover a
{
	color: #fff;
	text-decoration: none;
}

div#MenuContainer ul li a.Start
{
    /*
	background-image: url("Images/Design/MenuStart.gif");
	background-repeat: no-repeat;
	background-position: center left;
    */
	padding-left: 25px;
}

div#MenuContainer ul li:hover a.Start
{
	color: #EBF3FF;
	/*
	background-image: url("Images/Design/MenuStartHover.gif");
	background-repeat: no-repeat;
	background-position: center left;
    */
	padding-left: 25px;
}


div#MenuContainer ul#sublist
{
	display: none;
	border:1px solid #adadad;
	background:#ededed;
	color:#919191;
	/*
	background-image: url("Images/Design/SubMenuBackground.gif");
	background-repeat: repeat;
	background-position: top left;
    */
	font-size: 15px;
	min-width: 175px;
	/*
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    */
}

div#MenuContainer ul#sublist li
{
	float: none;
	padding: 6px 11px;
}
 

div#MenuContainer ul li:hover ul#sublist
{
	display: block;
	position: absolute;
	top: 42px;
	left: 0px;
}

div#MenuContainer ul li:hover ul#sublist li a
{
	color:#000000;
	display: block;
	padding-left:35px;
}

div#MenuContainer ul li:hover ul#sublist li:hover a
{
	color: #EBF3FF;
	display: block;
}

/* CONTENT HANDLING */
div#PageWrapper
{
	margin: 25px;
}

/* Gridview Explorer */

.GridViewExplorer {
	border-collapse: collapse;
	font-size: 1.0em;
}

.GridViewExplorer th {
	background: #1d1d1d url(Images/Design/irongrip.png) repeat;
	color: #fff;
	font-weight: normal;
	padding: 6px 11px;
	text-align: left;
	border-right: 1px solid #fff;
}

.GridViewExplorer th a,
.GridViewExplorer th a:active,
.GridViewExplorer th a:link,
.GridViewExplorer th a:visited
{
	text-decoration: underline;
	color:#fff;
}

.GridViewExplorer td {
	padding: 6px 11px;
	border-bottom: 1px solid #d5d5d5;
	vertical-align: middle;
}

.GridViewExplorer td * {
	padding: 6px 11px;
}

.GridViewExplorer tr {
	background: #F8F8F8;
}

.GridViewExplorer tr.alt td {
	background: #F0F0F0;
}

.GridViewExplorer tr.over td {
	background: #E0E0E0;
}










/*
.GridViewExplorer
{
	font-size: 12px;
	margin-bottom: 15px;
	margin-left: 4px;
}

.GridViewExplorer th a,
.GridViewExplorer th a:active,
.GridViewExplorer th a:link,
.GridViewExplorer th a:visited
{
	text-decoration: underline;
}

.GridViewExplorer th
{
	border: solid 1px #E0E2F5;
	font-weight: normal;
	text-align: left;
	padding: 6px 11px;
	vertical-align: middle;
	height: 32px;
	background-image: url(Images/Design/folderView.gif);
	background-repeat: repeat-x;
}

.GridViewExplorer th:hover
{
	background-image: url(Images/Design/folderViewHover.gif);
}

.GridViewExplorer tr td
{
	vertical-align: middle;
	padding: 6px 11px;
}

.GridViewExplorer tr td.Action
{
	text-align: center;
	width: 45px;
}

.GridViewExplorer tr.Selected
{
	background-color: #70ad7b;
	background-image: none!important;
}

.GridViewExplorer tr.File:hover
{
	height: 17px;
	background-image: url(Images/Design/folderFileHover.gif);
	border: solid 1px #B5E7FF;
}

.GridViewExplorer a,
.GridViewExplorer a:link,
.GridViewExplorer a:visited,
.GridViewExplorer a:active
{
	color: Black!important;
	text-decoration: none;
}
.GridViewExplorer a:hover
{
	text-decoration: underline!important;
}

.GridViewExplorer a.VisibleLink
{
	color: #0000FF!important;
}
*/
/* FRONT PAGE HANDLING */

#FrontPageButtonWrapper
{
	margin-top: 15px;
}
.FrontPageButton
{
	width: 300px;
	margin-bottom:20px;
}

.FrontPageButton:hover #FrontPageDescriptionStartRecording
{
	display: block;
}

.FrontPageButton:hover #FrontPageDescriptionCreateVideo
{
	display: block;
}

.FrontPageButton:hover #FrontPageDescriptionVideoList
{
	display: block;
}

.FrontPageNews {
    padding: 10px;
	background:#fff url(Images/Design/bg.body.png) repeat;
	border: solid 2px #9d9d9d;
	color:#767676;
	float: left;
	position: absolute;
	top: 320px;
	left: 400px;
	width: 400px;
	/*height: 200px;*/

}

#FrontPageDescription
{
	padding: 10px;
	background:#fff url(Images/Design/bg.body.png) repeat;
	border: solid 2px #9d9d9d;
	color:#767676;
	float: left;
	position: absolute;
	top: 70px;
	left: 400px;
	width: 400px;
	height: 200px;
}

#FrontPageDescriptionStartRecording
{
	padding: 10px;
	background:#fff url(Images/Design/bg.body.png) repeat;
	border: solid 2px #9d9d9d;
	color:#767676;
	float: left;
	display: none;
	position: absolute;
	top: 70px;
	left: 400px;
	width: 400px;
	height: 200px;
}

#FrontPageDescriptionCreateVideo
{
	padding: 10px;
	background:#fff url(Images/Design/bg.body.png) repeat;
	border: solid 2px #9d9d9d;
	color:#767676;
	float: left;
	display: none;
	position: absolute;
	top: 70px;
	left: 400px;
	width: 400px;
	height: 200px;
}

#FrontPageDescriptionVideoList
{
	padding: 10px;
	background:#fff url(Images/Design/bg.body.png) repeat;
	border: solid 2px #9d9d9d;
	color:#767676;
	float: left;
	display: none;
	position: absolute;
	top: 70px;
	left: 400px;
	width: 400px;
	height: 200px;
}


.HelperWindow
{
	position: absolute;
	padding: 10px;
	top: 70px;
	right: 10px;
	height: 540px;
	width: 200px;
	overflow: auto;
	background:#fff url(Images/Design/bg.body.png) repeat;
	border: solid 2px #9d9d9d;
	color:#000;
}

.HelperWindow h1
{
	margin: 3px 0 0 5px;
	padding: 0 0 0 0;
	font-size: 15pt;
}

.HelperWindow h2
{
	font-size: 10pt;
}

.HelperWindow #HelperText
{
	clear: both;
	padding-top: 1px;
	font-size: 10pt;
}



.AnalyticsResult
{
    margin-top: 10px;
}
.AnalyticsResult th,
.AnalyticsResult td
{
    padding: 2px 4px;
}
.AnalyticsResult th
{
    text-align: left;
}
.AnalyticsResult td
{
    text-align: right;
}
.AnalyticsResult td:first-child
{
    text-align: left;
}


/*Bottom*/

#bottom-infobar 
{
    position:relative;
}

#bottom-infobar .meerkat-content 
{
  padding:10px;  
  color:#fff;  
}

#bottom-infobar .meerkat-content span
{
  color:#a5a5a5;
  font-size:15px;
  /*text-shadow: 1px 0px 1px #a5a5a5;*/
}

#bottom-infobar .meerkat-content span a
{
  color:#a5a5a5;
  text-decoration:none;
  /*text-shadow: 1px 0px 1px #a5a5a5;*/
}

#bottom-infobar .meerkat-content span.left
{
  float:left;
  padding-left:50px;
}

#bottom-infobar .meerkat-content span.middle
{
  position:fixed;
  bottom:5px;
  left:40%;
    width:208px;
  height:30px;
}

#bottom-infobar .meerkat-content span.right
{
  float:right;
  padding-right:50px;
}

input[type=submit]{
background-color:#ededed;
color:#000000;
border:1px solid #adadad;
font-weight:bold;
padding:5px 10px;
margin-right:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

input[type=submit]:hover{
border:1px solid #66CCFF;
}

input[type=file]{
    border: 3px solid white; 
    -webkit-box-shadow: 
      inset 0 0 4px  #999999,
            0 0 10px #999999; 
    -moz-box-shadow: 
      inset 0 0 4px  #999999,
            0 0 10px #999999; 
    box-shadow: 
      inset 0 0 4px  #999999,
            0 0 10px #999999; 
    padding: 5px;
    background: rgba(255,255,255,0.5);
    margin: 5px 0 5px 0;
    color:#989898;
}

input[type=text] {  
    border: 2px solid white; 
    -webkit-box-shadow: 
      inset 0 0 2px  #999999,
            0 0 5px #999999; 
    -moz-box-shadow: 
      inset 0 0 2px  #999999,
            0 0 5px #999999; 
    box-shadow: 
      inset 0 0 2px  #999999,
            0 0 5px #999999; 
    padding: 5px;
    background: rgba(255,255,255,0.5);
    margin: 5px 0 5px 0;
    color:#989898;
}  

input[type=password] {  
    border: 2px solid white; 
    -webkit-box-shadow: 
      inset 0 0 2px  #999999,
            0 0 5px #999999; 
    -moz-box-shadow: 
      inset 0 0 2px  #999999,
            0 0 5px #999999; 
    box-shadow: 
      inset 0 0 2px  #999999,
            0 0 5px #999999; 
    padding: 5px;
    background: rgba(255,255,255,0.5);
    margin: 5px 0 5px 0;
    color:#989898;
}  

select {  
    border: 2px solid white; 
    -webkit-box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 10px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 10px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 10px rgba(0,0,0,0.1); 
    padding: 5px;
    background: rgba(255,255,255,0.5);
    margin: 5px 0 5px 0;
    color:#989898;
}

.defaultButtons {
     color: #000000;
}
/*
.defaultButtons {
     color: #000000;
}

.defaultButtons:hover {
     color: #000000;
}
*/
textarea {  
    border: 2px solid white; 
    -webkit-box-shadow: 
      inset 0 0 2px  #999999,
            0 0 5px #999999; 
    -moz-box-shadow: 
      inset 0 0 2px  #999999,
            0 0 5px #999999; 
    box-shadow: 
      inset 0 0 2px  #999999,
            0 0 5px #999999; 
    padding: 5px;
    background: rgba(255,255,255,0.5);
   margin: 5px 0 5px 0;
   color:#989898;
}  

#preview-holder {
    width:320px; 
    float:left; 
    border:1px solid #b5b5b5; 
    background:#fff; 
    padding:20px; 
    margin:0 0 10px 0;
  -moz-box-shadow:    3px 3px 5px 3px #ccc;
  -webkit-box-shadow: 3px 3px 5px 3px #ccc;
  box-shadow:         3px 3px 5px 3px #ccc;
}

#preview-holder .preview{
  border:1px solid #b5b5b5;
  padding:10px;
}

#form-holder {float:left; width:620px; margin-right:10px;}

/*
Accordion
*/


.accordionButton {	
	width: 600px;
	background: #b5b5b5 url(Images/Design/arrow.right.png) no-repeat 95% 50%;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding:6px 10px;
	color:#fff;
	}
	
.accordionContent {	
	width: 580px;
	background: #fff;
	padding:20px;
	}
	
	
.accordionContent td{	
vertical-align:middle;
color:#989898;
}
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background:#ff4331 url(Images/Design/arrow.down.png) no-repeat 95% 50%;
	}
	
.over {
	background: #c3c3c3 url(Images/Design/arrow.down.png) no-repeat 95% 50%;
	}