/* CSS Document */

body
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
        font-size:medium;
}

a:link 
{
	color:#abbee6;
	text-decoration:underline;
}

a:hover 
{
	color:#FFFFFF;
	text-decoration:underline;
}

a:visited 
{
	color:#7289BA;
}

h1 
{
    clear: both;
    font-size: large;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 0;
}
/* ---------------  div styles ---------------  */

#container
{
	width:350px;
	margin:0 auto;
}

#header {
    background-color: #3B5998;
    color: #FFFFFF;
    height: 40px;
    padding: 0 4px;
}

#logo 
{
	float:left;
	margin-left:5px;
	width:72px;
	margin-top:11px;
}

#tabs 
{
	float:right;

}

#tabs ul 
{
    background-color: #627AAD;
    margin: 0px 0;

}

#tabs ul li 
{
      background-color:#627AAD;
      display:inline;
      float:left;
      list-style-type:none;
      margin-top:4px;
      padding:8px 9px;
      margin-left: 1px;
      cursor:pointer;
}

#tabs ul li a:link 
{
    color:#FFFFFF;
	text-decoration:none;
}

#tabs ul li a:hover 
{
    color:#FFFFFF;
	text-decoration:none;
}

#tabs ul li a:visited 
{
    color:#FFFFFF;
	text-decoration:none;
}

#tabs ul li.selectedTab 
{
    background-color: #FFFFFF;
	color:#627AAD;
}

#tabs ul li.selectedTab a:link 
{
    color:#627AAD;
	text-decoration:none;
}

#tabs ul li.selectedTab a:hover 
{
    color:#627AAD;
	text-decoration:none;
}

#tabs ul li.selectedTab a:visited 
{
    color:#627AAD;
	text-decoration:none;
}

#instructions{}

#login
{
	width: 100%;
	background-color: #3B5998;
    color: #FFFFFF;
    /*padding: 0 8px 8px;*/
    float:left;
}

#content
{
	/*padding:8px;
	color:#3B5998;*/
}

#footer {
    border-top: 1px solid #7289BA;
    clear: both;
    color: #8D8D8D;
    float: left;
    font-size: small;
    margin-bottom: 15px;
    margin-top: 12px;
    padding-top: 12px;
    width: 96%;
}

#footerLogin 
{
    font-size: small;
    padding-top: 8px;
    padding-left: 8px;
    clear: both;
    color:#ffffff;
    float:left;
    width: 100%;
}
/* ---------------  div styles ---------------  */

/* --------------- elements styles ---------------  */
.blueBackground
{
	background-color:#3B5998;
}

   
.btn 
{
    background-color: #3B5998;
    border-color: #9FAECD #273B65 #273B65 #9FAECD;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    float: left;
    font-size: medium;
    font-weight: bold;
    margin-right: 8px;
    padding: 8px 30px;  
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;  
}

label#loginHref { padding: 8px 5px 8px 20px}

.btn:link, .btn:hover, .btn:visited 
{
    text-decoration:none;
    cursor:hand;
    cursor:pointer;
    color:white!important;
}

.btnSmall
{
    background-color: #3B5998;
    border-color: #9FAECD #273B65 #273B65 #9FAECD;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-size: small;
    font-weight: bold;
    margin-right: 8px;
    padding: 6px 20px;    
}

.btnSmall:link, .btnSmall:hover, .btnSmall:visited 
{
    text-decoration:none;
    cursor:hand;
    cursor:pointer;
    color:white!important;
}
.btnHide
{
	height:0pt;
	width:0pt;
	margin-bottom:0px;
	margin-left:-12;
	margin-right:-12;
	margin-top:0px;
	background:none repeat scroll 0 0 transparent; 
	border:0px;
	white-space:nowrap;
}

.textField
{
    font-family: arial;
    font-size: medium;
    padding: 3px;
    width:150px;
}
.loginTable
{
	border-top:1px solid #7289ba;
	border-bottom:1px solid #7289ba;
	margin-top:8px;
	padding:5px 0px;
	
}

#content table.participantList
{
	border-top: 1px solid #7289ba;
	width:100%;
	margin:10px 0px;
}

#content table.participantList tr td
{
	border-bottom: 1px solid #EAEEF4;
    font-size: medium;
    font-weight: bold;
    list-style-type: none;
    padding-bottom: 12px;
    padding-left: 5px;
    padding-top: 12px;
    cursor:pointer;
}


#content table.participantList tr td a
{
    color: #3B5998;
    text-decoration: none;
    padding-bottom: 12px;
    padding-left: 5px;
    padding-top: 12px;
}

#content table.participantList tr.selected td
{
   background-color: #EDEFF5;
   border-bottom: 1px solid #FFFFFF;
}

#content table.participantList tr.selectedParticipant td
{
   background-color: #EDEFF5;
   border-bottom: 1px solid #FFFFFF;
}


#content table.participantList tr.selectedGray td
{
	
   background-color: #C7C7C7;
   border-bottom: 1px solid #FFFFFF;
}


#selectedParticipantContainer
{
	height:30px;
	margin-top:1px;
}

#arrowLeft
{
	width:26px;
	float:left;
	padding-top:2px;
}

#arrowLeft a:link
{
	color:#ffffff;
}

#arrowLeft a:hover
{
	color:#ffffff;
}

#arrowLeft a:visited
{
	color:#ffffff;
}

#arrowRight a:link
{
	color:#ffffff;
}

#arrowRight a:hover
{
	color:#ffffff;
}

#arrowRight a:visited
{
	color:#ffffff;
}

#arrowRight
{
	width:26px;
	float:right;
	padding-top:2px;
}

#selectedParticipantList
{
	width:100%;
	float:left;
}

.selectedParticipants
{
	height:30px;
	margin-top:1px;
}

.selectedParticipants tr td
{
	padding:7px;
	color:#838eab;
}

.selectedParticipants tr td.currentParticipant
{
	background:#ffffff ;
}

.selectedParticipants tr td.currentParticipant a
{
	color:#ffffff;
	text-decoration:none;	
}

.selectedParticipants a:link 
{
	color:#3B5998;
	text-decoration:none;
}

.selectedParticipants a:hover 
{
	color:#3B5998;
	text-decoration:none;
}

.selectedParticipants a:visited 
{
	color:#3B5998;
	text-decoration:none;
}

#threeTabHeader
{
	background-color:#edeff5;
	border-bottom:1px solid #d8deeb;
}

#threeTabHeader span
{
	float: left;
    	height: 20px;
    	margin-left: 5px;
    	margin-top: 9px;
    	padding-left: 12px;
    	padding-right: 12px;
    	padding-top: 7px;
	color:#3b5998;
	font-weight:bold;
}

#threeTabHeader span.tabSelected
{
	background-color:#ffffff;
}
/* ---------------- elements styles --------------- */


/* Menu Level to for Selected participant information */


div#pageTopLevel2 
{
	background-color:#EDEFF5;
	border-bottom:1px solid #9EACCC;
	float:left;
	height:43px;
	width:100%;
}

ul#topMenuLevel2 
{
	font-size:medium;
	font-style:normal;
	font-variant:normal;
	margin:0;
	padding:17px 4px;
}

ul#topMenuLevel2 li.selected 
{
	background-color:White;
	border-color:#9EACCC #9EACCC #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#3B5998;
	display:inline;
	padding:7px 6px;
}


ul#topMenuLevel2 li 
{
	background-color:#CED4E0;
	border:1px solid #9EACCC;
	display:inline;
	margin-right:2px;
	padding:6px 3px;
	cursor:pointer;
	color:#3B5998;
	font-weight:bold;

}


ul#topMenuLevel2 li a 
{
	background-color:Transparent;
	color:#3B5998;
	font-weight:bold;

	text-decoration:none;
}



ul#topMenuLevel2 li a:active
{
    background-color:Transparent;
    text-decoration: none;
}

ul#topMenuLevel2 li.selected a
{
    color: #3B5998;
}

#main , #content
{
	background-color:#FFFFFF;
	color:#3B5998;
	float:left;
	margin-top:5px;
	width:100%;
}

#main a:link
{
      text-decoration:none;
      color:#3B5998;
}

#main a:hover
{
      text-decoration:none;
      color:#3B5998;
}

#main a:visited
{
      text-decoration:none;
      color:#3B5998;
}

.Procedure 
{
	display:inline;
	float:left;
	width:100%;
}


.Procedure ul 
{

	margin:0;
	padding:8px 0;
}


.Procedure ul li.selected 
{
	background-color:White;
	border-color:#B4B5B8;
	border-style:solid solid none;
	border-width:1px;
	display:inline;
}


.Procedure ul li 
{
	background-color:#EAEAEA;
	border-color:#B4B5B8;
	border-style:solid solid none;
	border-width:1pt;
	display:inline;
	font-weight:bold;
	margin-right:4px;
	padding:3px 7px;
	width:100%;
}


.Procedure ul li a:link 
{
	color:#3B5998;
	text-decoration:none;
}


.Procedure ul li a:hover 
{
	color:#3B5998;
	text-decoration:none;
}


.Procedure ul li a:visited 
{
	color:#3B5998;
	text-decoration:none;
}


/*Column Colors*/
#main table tr td.FirstColor
{
	width:25%;
	background-color:#a1bc00 !important;
	cursor:pointer;
}

#main table tr td.SecondColor
{
	width:25%;
	background-color:#3e90cd !important;
	cursor:pointer;
}

#main table tr td.ThirdColor
{
	width:25%;
	background-color:#eedb00 !important;
	cursor:pointer;
}

#main table tr td.FourthColor
{
	width:25%;
	background-color:#e10048 !important;
	cursor:pointer;
}

.lblTapClass
{
	font-weight:bold;
	color:White;
}

#statusBar 
{
	float:left;
	width:100%;
}


#arrowLeft 
{
	float:left;
	padding-top:2px;
	width:26px;
}

#colorLegend 
{
	float:left;
	margin-top:3px;
	width:56%;
}

#arrowRight 
{
	float:left;
	padding-top:2px;
	width:26px;
}

#undoControls 
{
	float:right;
	margin-top:2px;
}

.summaryTable
{
	font:medium, Helvetica, sans-serif;
	border: 1px solid rgb(204, 204, 204);
}

.summaryTable tr td
{
	padding:4px;
}

.summaryTable tr td.headerTitle
{
	background-color:#EAEEF4;
}

.summaryTable tr.subHeading td 
{
    border-top: 2px dashed #AAAAAA;
}

.floatLeft
{
	float:left;
}

.floatRight
{ 
	float:right
}

.logout
{
    float:right; 
    font-size:medium;
    color:#3B5998;
    text-decoration:none; 
    padding-right:10px;   
}

.logout a
{
    color:#3B5998;
    text-decoration:none; 
}

#divGraph
{
-moz-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
-ms-transform:rotate(270deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
float:left;
}

.clsTdDisplay
{
	display:none;
}

.recordsTable
{
    border-bottom: 1px solid #898989;
    border-left: 1px solid #898989;
    border-right: 1px solid #898989;
    margin-top: 8px;
}


.recordsTable tr.recordHeader
{
    background-color: #F1F1F1;
    color: #3B3B3B;
    font-weight: bold;
}

.recordsTable tr.recordHeader td
{
    border-bottom: 1px solid #898989;
    border-top: 1px solid #898989;
    padding: 6px;
}

.recordsTable tr
{
    background-color: #F7F7F7;
}

.recordsTable tr td
{
    border-bottom: 1px solid #B9C4DA;
    padding: 6px;
}

.recordsTable tr.selectedRecord
{
    background-color: #DFE2EC;
}


/* General dropdown styles */       
 .dropdown, .dropdown dd, .dropdown dt, .dropdown ul {
margin:0;
padding:0;
} 
 

.dropdown dd {
	position:relative;
}
/* DT styles for sliding doors */
.dropdown dt a {
	background: url("../images/arrow.png") no-repeat scroll right center #EDEFF5;
    border: 2px solid #9EACCC;
    display: block;
    padding: 5px;
}
.dropdown dt a span {
	cursor:pointer;
	display:block;
	padding:5px;
}
/* UL styles */
.dropdown dd ul {
	  background: none repeat scroll 0 0 #fff;
    border-bottom: 2px solid #9EACCC;
    border-left: 2px solid #9EACCC;
    border-right: 2px solid #9EACCC;
    display: none;
    left: 0;
    list-style: none outside none;
    position: absolute;
    width: 334px;
}
.dropdown span.value {
	display:none;
}
.dropdown dd ul li a {
	padding:5px;
	display:block;
}

.dropdown dd ul li a {
	padding:12px 0px 12px 12px;
	display:block;
	border-bottom:1px solid #9EACCC;
	
}
.dropdown dd ul li a:hover {
	background-color:#CED4E0;
	
}

.dropdown dd ul li 
{
width:334px;
}

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}


.durationClass
{
	border:#9eaccc 1px solid;
	padding:5px;
	color:Red;
}

.AddParticipant table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

.AddParticipant table tr
{
  padding: 40px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4; 
}

.AddParticipant table tr td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
  
}


.AddParticipant input[type="text"] 
{
	height:25px;
    width: 325px;
    border: 1px solid #CCC;
}


#divSorting a:link, #divSorting a:visited, #divSorting a:active, 
#divGoalSorting a:link, #divGoalSorting a:visited, #divGoalSorting a:active 
{
    background: none repeat scroll 0 0 #3B5998;
    color: #FFFFFF;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 12px;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    width: 18px;
}

#divSorting, #divGoalSorting {
    border-bottom: 1px solid #7289BA;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

#divSorting a:selected, #divGoalSorting a:selected {
    background: none repeat scroll 0 0 #3B5998;
    color: #00FFFF;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    width: 15px;
}


#AddParticipant{
    background-color: #3B5998;
    border-color: #9FAECD #273B65 #273B65 #9FAECD;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF !important;
    float: left;
    font-size: medium;
    font-weight: bold;
    margin-right: 8px;
    display:inline-block;
    padding:8px 10px!important;
    cursor:pointer;
}

.btnClickToStart{
    background-color: #3B5998;
    border-color: #9FAECD #273B65 #273B65 #9FAECD;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF !important;
    float: left;
    font-size: medium;
    font-weight: bold;
    margin-right: 8px;
    display:inline-block;
    padding:8px 10px!important;
    cursor:pointer;
    text-decoration:none;
}

a.btnClickToStart:hover
{
	text-decoration:none;
}


.changeTime
{
    border: 1px solid #CCCCCC;
    display: block;
    padding: 2px 0;
    text-align: center;
    width: 36px;
}


.targetGridOption{
margin-bottom: 20px;
}

.targetGridOption textarea{
    width: 98%;
 
    border-radius: 5px;
}

.targetGridOption  dropdown{
margin-top:2px;
}

.procedure-guid-option, .goal-guid-option{
float: left;
width: 97.85% !important;
padding: 1% 1% 0.5% 1%;
border: 1px solid #CCC;
margin-bottom: 15px;
}

.Procedure ul {
margin: 0;
padding: 8px 0 4px 0;
}


.Procedure ul li.selected {
position: relative;
bottom: -1px;
}


.Procedure ul li {
padding: 5px 7px;
}

.dropdown dd ul{
z-index:999;
width: 338px;
}

.timer{
	padding:0px 5px 5px 5px ;
}

.timer button {
background: orange;
border: 0px none;
padding: 7px 14px;
font-size: 14px;
color: #333;
}
.timer .durationClass {
border: orange 1px solid;
padding: 6px 12px;
color: #333;
background: #fff;
font-size: 14px;
font-weight: bold;
margin-left: -2px;
}

#colorLegend td {
text-align: center;
border: 0px solid #666;
width: 20px !important;
margin-right: 0px;
background: #666;
color: #fff;
}
.targetGridOption {
margin-bottom: 5px;
background: #EAEAEA;
padding: 5px 5px 5px 5px;
}

.addActivity .btnSmall {
margin: 0px 8px 2px 0;
display: inline-block;
}

/*new css changes on Mar 19 2018*/


/************************************** ********************************* New Style ********************************* **************************************/
.btn {
    background-color: #ea8825;
    border: 0;
    font-weight: 400;
    margin-bottom: 5px
}

.blueBackground {
    background-color: #fff
}

#login {
    color: #333;
    background-color: #fff
}

#header {
    background-color: #333;
    margin-bottom: 7px;
    position: fixed;
    width: 343px;
    overflow: hidden;
    top: 0;
    z-index: 1
}

#footerLogin {
    color: #333
}

#content,
#content span {
    color: #333!important
}

#tabs ul li {
    background-color: #333
}

#tabs ul li.selectedTab {
    background-color: #333;
    color: #fff;
    text-decoration: underline
}

#divSorting a:link,
#divSorting a:visited,
#divSorting a:active,
#divGoalSorting a:link,
#divGoalSorting a:visited,
#divGoalSorting a:active {
    background: none repeat scroll 0 0 #ea8825;
    color: #FFF;
    padding: 6px 6px 5px 5px;
    width: 18px;
    margin: 2px;
    border: 1px solid orange;
}

#divSorting,
#divGoalSorting {
    border-bottom: 0 none;
    margin-bottom: 7px;
    padding-bottom: 0
}

#content table.participantList {
    border-top: 1px solid #eee
}

#content table.participantList tr td a {
    color: #333;
    display: block;
    padding: 10px;
    position: relative
}

#footer {
    border-top: 0 solid #7289BA;
    clear: both;
    / color: #fff;
    / float: none;
    font-size: small;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 12px;
    width: auto;
    background: #eee;
    padding: 12px 15px 9px 15px;
    overflow: hidden;
    margin-top: 10px;
    float: none
}

#content table.participantList tr td {
    padding: 0;
    border-bottom: 1px solid #eee!important
}

#content table.participantList tr td a:after {
    content: "";
    position: absolute;
    right: 15px;
    width: 7px;
    height: 14px;
    transform: rotate(30deg);
    border-right: 2px solid #eee;
    border-bottom: 2px solid #eee
}

#content table.participantList tr.selectedParticipant td a:after {
    content: "";
    position: absolute;
    right: 15px;
    width: 7px;
    height: 14px;
    transform: rotate(30deg);
    border-right: 2px solid #000;
    border-bottom: 2px solid #000
}

#content table.participantList tr.selectedParticipant td {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee
}

.logout a {
    color: #333
}

.loginTable {
    border-top: 0 solid #7289ba;
    border-bottom: 0 solid #7289ba
}

.selectedParticipants a:link,
.selectedParticipants a:visited {
    color: #333!important;
    text-decoration: none;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 7px
}

.selectedParticipants tr td.currentParticipant a {
    color: #333!important;
    text-decoration: none;
    border-bottom: 2px solid #333;
    font-weight: 700
}

.selectedParticipants tr td.currentParticipant {
    / border-bottom: 1px solid #333;
    / background: none
}

.selectedParticipants {
    height: 0;
    margin-top: 1px;
    margin-bottom: 3px
}

.selectedParticipants tr td {
    padding: 0;
    color: #838eab
}

div#pageTopLevel2 {
    background-color: #fff;
    border-bottom: 1px solid #ea8825;
    height: 34px;
    margin-bottom: 10px;
}

ul#topMenuLevel2 {
    padding: 7px 0 0 0;
}

ul#topMenuLevel2 li {
    background-color: #ea8825;
    border: 1px solid #ea8825;
    display: inline-block;
    margin-right: -2px;
    padding: 4px 5px;
    cursor: pointer;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0
}

ul#topMenuLevel2 li.selected {
    background-color: White;
    border-color: #ea8825 #ea8825 #fff #ea8825;
    border-style: solid;
    border-width: 1px;
    color: #ea8825;
    display: inline-block;
    padding: 4px 5px
}

#main, #content {
    background-color: #FFF;
    color: #333;
    float: none;
}

#main a:link,
#main a:hover {
    text-decoration: none;
    color: #333
}

#main a:visited {
    text-decoration: none;
    color: #333
}

#content {
    /*padding: 0*/
}

#main table tr td {
    background-color: #fff;
    border: 0 none
}

#main table {
    border: 0 none;
    border-collapse: collapse
}

#main table table {
    margin-bottom: 15px
}

#main table table tr:last-child td:last-child {
    border-bottom: 0 solid #ccc!important
}

#main table tr td img {
    / opacity: 0;
    /
}

#main table .dropdown dt a {
    background: #fafafa!important;
    color: #333!important;
    border: 1px solid #eee;
    display: block!important
}

#main table .dropdown dd ul {
    background: none repeat scroll 0 0 #f5f5f5;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    display: none;
    left: 0;
    list-style: none outside none;
    position: absolute;
    width: 348px;
    margin-top: -5px
}

#main table .dropdown dd ul li {
    margin-right: 0;
    width: auto
}

.dropdown dd ul li a:hover {
    background-color: #eee
}

.dropdown dd ul li a {
    border-bottom: 1px solid #ddd
}

.dropdown,
.dropdown dt {
    margin-bottom: 5px;
    font-weight: 400
}

#main table .dropdown dt a {
    position: relative
}

#main table .dropdown dt a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 10px;
    top: 13px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #999
}

td.addActivity+td a {
    display: inline-block;
    color: #fff!important;
    background-color: #ea8825;
    padding: 5px 7px
}

.btnSmall {
    background-color: #ea8825;
    border-color: #ea8825 #ea8825 #ea8825 #ea8825;
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    font-size: small;
    font-weight: 400;
    margin-right: 8px;
    padding: 6px 20px;
    margin-top: 10px !imporatnt
}

.addActivity .btnSmall {
    margin: 4px 8px 2px 0;
    display: inline-block
}

#main table tr td.addActivity {
    padding: 5px;
    border: 1px solid #ddd;
}

#meinDiv table tr td,
#meinDiv table tr {
    border-bottom: 1px solid #fff!important;
    border-top: 1px solid #fff!important
}

#meinDiv table table {
    margin-bottom: 0
}

#meinDiv table tr td img {
    margin-bottom: 5px!important
}

#meinDiv table tr td label {
    display: inline-block;
    margin-bottom: 7px
}

#aspnetForm table tr td {
    border-bottom: 1px solid #fff!important;
    / font-weight: 700;
    /
}

#aspnetForm .dropdown dt {
    margin-top: 2px
}

#aspnetForm tr td .dropdown dl {
    font-weight: normal!important
}

#main table.recordsTable {
    margin-bottom: 15px;
    border-top: 1px solid #eee!important
}

#main table.recordsTable td,
#main table.recordsTable td {
    padding: 10px 5px!important;
    border-bottom: 1px solid #eee!important;
}

#main table.recordsTable tr.recordHeader td {
    font-size: 14px!important;
    white-space: nowrap;
    background: #eee!important;
    border-bottom: 1px solid #eee!important
}

#main table.no-border td,
#main table.no-border th,
#main table.no-border, #main table.no-border table {
    border: 0 none!important
}

#tabs ul li.selectedTab {
    position: relative;
    text-decoration: none
}

#tabs ul li.selectedTab:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    transform: rotate(45deg);
    top: 31px;
    left: 50%;
    margin-left: -7px
}

#container {
    width: 350px;
    margin: 41px auto 80px auto;
}

#footer {
    position: fixed;
    width: 320px;
    bottom: 0;
    z-index: 1
}

#main #colorLegend table tr td {
    background: #333;
    border-left: 0 none;
    border-right: 1px solid #fff
}

#main #colorLegend table tr td span {
    display: block;
    width: 28px;
    padding: 3px 0
}

#colorLegend {
    width: 85%
}

#undoControls {
    width: 25%
}

#undoControls input {
    float: left;
    margin-left: 2px
}

.targetGridOption {
    background: #fff;
    margin-bottom: 20px
}

#main .targetGridOption table {
    margin-bottom: 0
}

.targetGridOption table .dropdown dt {
    margin-top: 10px
}

.targetGridOption textarea {
    width: 98%;
    border-radius: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    border-color: #ccc
}


div#meinDiv{
	float: none !important;
}

#login{ float:none !important;}

#main table .subHeading td, #content table .subHeading td
{
	padding-top: 10px;
	border-top: 1px solid #ddd !important;
}

#main table.summaryTable, #content table.summaryTable
{
	border: 1px solid #ddd !important;
}


.classActive {
    background-color: #fff !important;
    color: orange !important;
    font-weight: bold;
}

.hide
{
	display:none;
}

.btnDisabled 
{
    background-color: gray;
    border-color: #9FAECD #273B65 #273B65 #9FAECD;
    border-style: solid;
    border-width: 1px;
    color: #ddd;
    float: left;
    font-size: medium;
    font-weight: bold;
    margin-right: 8px;
    padding: 8px 30px;  
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;  
}