body   
{
    background: #b6b7bc;
    font-size: 11pt;
    font-family: Arial,Helvetica;
    margin: 0px;
    padding: 0px;
    color: #3a4f63;
}




a:hover
{
    color: #6060ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}



h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #3a4f63;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 16pt;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
    
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 1160px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}


.tableheader
{
    color: #f9f9f9;
    font-weight:bold;
    background: #4b6c9e;
    line-height: 2em;
    padding:5px;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 520px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


.toprightSection
{
    float:right;
    padding-right:10px;
    padding-top:10px;
    color: #f9f9f9;
}

.toprightSection a
{
    text-decoration:none;
    color: #f9f9f9;
}

.buttoncell
{
    padding-top:8px;
    padding-bottom:8px;
}

.centerdiv
{
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

.magtitle
{
    padding-top:3px;
    padding-bottom:3px;
    color: #f9f9f9;
    font-size:1.5em;
    font-weight:bold;
    text-align:center;
}

/* TAB MENU   
----------------------------------------------------------*/

.menu a:link a:visited
{
    color: #ffffff;
    text-decoration:none;
}

.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
   
}

.menu
{
    padding: 4px 0px 4px 8px;
}

.menu ul
{

    list-style-type: none;
    display: inline;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.menu ul li a, .menu ul li 
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #ffffff;
    
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #ffffff;
    text-decoration: none;
}

.menu ul li a:active a:visited a:link
{
    background-color: #465c71;
    color: #ffffff;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

.popup
{
    background-color: #fff;
}

.popupmain
{
    padding-left:10px;
    padding-right:10px;
}

.popheader
{    
    margin-bottom:20px;
    background: #4b6c9e;
    width: 100%;
}
    
.popheader h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 1.8em;
    font-size: 1.8em;
}

.label
{
    padding-top:10px;
    padding-bottom:5px;
    font-weight:bold;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.spacer10
{
    height:10px;
}

.center
{
    text-align:center;
    width:100%;
}


#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #ffffff;
    
    line-height: 2em;
    padding: 2px 28px;
    text-decoration: none;
    white-space: nowrap;
}

#navcontainer ul li a:hover
{
    background-color: #bfcbd6;
    color: #ffffff;
    text-decoration: none;
}

.container {
  margin: 80px auto;
  width: 640px;
}

.login {
    margin-top: 150px;
  margin-left: auto;
  margin-right:auto;
  display: block;
  padding: 20px 20px 20px;
  width: 400px;
  background: #465c71;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}

.login h1{
    color: white;
    margin-bottom: 20px;
    text-align:center;
}

.login div{
    color: white;
}

.login td{
    color:white;
    width:50%;
}

.submit
{
    width: 100%;
    text-align: center;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 3px;
}


#mainsettings
{
    color: #dddddd;
}

 a
{
    color: #005fbf;
}

#mainsettings h1
{
    padding-bottom: 10px;
}

#mainsettings tr
{
    height: 30px;
    
}



.settingstitle
{
    font-weight: bold;
}

.savebtn
{
    padding-top: 12px;
    padding-bottom: 12px;
}

.savebtn a{
   text-decoration: none;

}

#pager a{
    padding-left: 5px;
    padding-right: 5px;
    color:white;
}

#detailsdata .title
{
    font-size: 18px;
    font-weight: bold;
}

#detailsdata .labels
{
    font-size: 14px;
    font-weight: bold;
}

#maincont ul li
{
    height: 30px;
}

#result {
text-align:center;
color:#fa3b81;
padding-top:10px;
}

.mybytton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2586c2), color-stop(1, #2772b8) );
	background:-moz-linear-gradient( center top, #2586c2 5%, #2772b8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2586c2', endColorstr='#2772b8');
	background-color:#2586c2;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#dfe4eb;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #43494f;
}
.mybytton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2772b8), color-stop(1, #2586c2) );
	background:-moz-linear-gradient( center top, #2772b8 5%, #2586c2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2772b8', endColorstr='#2586c2');
	background-color:#2772b8;
}.mybytton:active {
	position:relative;
	top:1px;
}


.lngdd {
    position:relative;top:-25px; margin-right:10px; float:right;
}

.slideshowsortable img {
padding:10px;
}

#filters {
    padding-top:10px;
    padding-bottom:10px;
    margin-top:10px;
    margin-bottom:10px;
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-top-style:solid;
    border-top-width:2px;
}

#add, #addgroup {
    margin-top:15px;
    margin-bottom:15px;
}

.filteritem {
    display:inline-block;
    padding-right:20px;
}

.filterlabel {
    padding-right:7px;
    font-weight:bold;
    font-family:Tahoma;
    font-size:small;
}

.maincontainer {
    margin:20px;
}

.formcontainer td {
    padding:10px;
}


.popdiv {

    border-width:5px;
    border-color:#6789be;
    border-style:solid;
    padding:10px;

}

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 6px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   text-align:center;
   vertical-align: middle;
   width:100px;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.buttong {
   border-top: 1px solid #97f7b9;
   background: #65d67f;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e9c50), to(#65d67f));
   background: -webkit-linear-gradient(top, #3e9c50, #65d67f);
   background: -moz-linear-gradient(top, #3e9c50, #65d67f);
   background: -ms-linear-gradient(top, #3e9c50, #65d67f);
   background: -o-linear-gradient(top, #3e9c50, #65d67f);
   padding: 6px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.buttong:hover {
   border-top-color: #287836;
   background: #287836;
   color: #ccc;
   }
.buttong:active {
   border-top-color: #1c5c1b;
   background: #1c5c1b;
   }

.CSSTableGenerator {
	margin:0px;padding:0px;
	
	
	
	
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
        border:1px solid #000000;
	margin:0px;padding:0px;
}

 .CSSTableGenerator th{
	vertical-align:middle;
	border:1px solid #000000;
	text-align:center;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
    background-color:#4b6c9e;
	color:#ffffff;
}


.CSSTableGenerator td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:1px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
 .CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator th td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #005fbf 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #005fbf) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #005fbf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#005fbf");	background: -o-linear-gradient(top,#005fbf,005fbf);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}

.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #005fbf 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #005fbf) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #005fbf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#005fbf");	background: -o-linear-gradient(top,#005fbf,005fbf);

	background-color:#005fbf;
}



.OddRow { background-color:#aad4ff; }
.EvenRow { background-color:#ffffff; }
.SelectedRow { background-color:#eca3a3; }
.RedRow {color:#ff0000!important;}
.GrayedRow {color:#888888!important;}
.CommentRow {
    background-color: #005fbf;
    border-width:1px;
    border-style:solid;
}

    .CommentRow td table {
    border:none;
    }


  

.CommentRow  td {
        color:white;
        padding-top:2px;
        padding-bottom:2px;
        border:none;
        font-weight:normal;
        text-align:left;
    }

.popsavecontainer {
text-align:center;
margin-top:20px;
margin-bottom:20px
}

.popupfont {
  font-size:12px;
}

.inforow {
margin-bottom:10px;
}

.inforow h2{
    display:inline-block;
    margin-right:20px;
}

.inforow h3 {
    display:inline-block;
}

.pager {
   margin:auto;padding-top:10px;
}

    .pager tr {
        vertical-align:middle;
    }

    .pager td {
        padding-left:3px;
        padding-right:3px;
        font-size:12px;
    }

.pager a {
        color:black;
    }

.curpage {
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
}