/*******************************************************
*
*  global style
*
********************************************************/

.clearfix{
    display:block;
    zoom: 1;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* keep all clean */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

a:hover{
    text-
body {
  padding-top: 20px;
}

.footer {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Main marketing message and sign up button */
/*.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}*/

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #777;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  background-color: #e5e5e5; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-left: 1px solid #fff;
    border-right: 1px solid #d5d5d5;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-radius: 0 5px 5px 0;
    border-right: 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
}
decoration: underline;
}

body, button, input, select, textarea {
    /*font: 18px/1.125 Arial,Helvetica,sans-serif;*/
}


html,body {
    height:100%;
    margin:0px;
}


body#login
    {
        background-color:#e5f6fd;
        background-image:"no";
        margin-left:2%;
        margin-right:2%;
        //border-left-width:10%;
        //border-right-width:10%;
        //border-color:#e5f6fd;
        
    }
div.wiki
    {	
    	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeF7litsRACAMwrD77+Q0rtGoV98r+MEFchhgkr4NnZyb3bk/LM/yMCjiH4wots/++hYR3iXLJVWUBS1AtOi2fwAAAABJRU5ErkJggg==);
    	/*background-image:url(//xxx.com/skins-1.18/vector/images/tab-normal-fade.png?2011-09-19T16:11:40Z)!ie;*/
    	background-position:bottom left;
    	background-repeat:repeat-x;
    	margin-bottom:0px;
    	margin-top:0px;
    	//border-top-width:100px;
    }
div.render
    {	
    	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeF7litsRACAMwrD77+Q0rtGoV98r+MEFchhgkr4NnZyb3bk/LM/yMCjiH4wots/++hYR3iXLJVWUBS1AtOi2fwAAAABJRU5ErkJggg==);
    	/*background-image:url(//xxx.com/skins-1.18/vector/images/tab-normal-fade.png?2011-09-19T16:11:40Z)!ie;*/
    	background-position:bottom left;
    	background-repeat:repeat-x;
    	margin-bottom:10px;
    	margin-top:60px;
    	//border-top-width:100px;
    }
.bluebutton
{
    color: white !important;
    text-decoration: none;
    background-color: #5E94FF;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGZQTFRFcZ/7ZZTwWIbiXIrmW4nlXYvnYI7qY5HtYpDsaJbyb535V4XhVoTgb575WYjjbpz4XYzoX47pbJv3Z5bxZJLuYY/ra5n1apj0VoXhcJ76bZv3aZfzZJPva5r2WIfjZpXxWojkXo3pYWddNgAAAD1JREFUeNrMwYcBQwAAALDYs2iNFrX+f9IbEh5h9lJqLT42k69VoXcI/A0yuVHq7dJJRGKnxi5U+alvAQYATb8CMoTkHNsAAAAASUVORK5CYII=);
    background-image: -moz-linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-image: -o-linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-image: -webkit-linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-image: linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-position: left bottom;
    background-repeat: repeat-x;
    border: 1px solid #5E94FF;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    color: white;
    display: inline-block;
    font-family: 'open sans',arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    padding: 8px 12px;
    text-align: center;
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -o-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -moz-transition: all .218s ease-in;
    -o-transition: all .218s ease-in;
    -webkit-transition: all .218s ease-in;
    transition: all .218s ease-in;
    border-image: initial;
}

.darkBluebutton
{
    color: white !important;
    text-decoration: none;
    background-color: #3E74bF;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGZQTFRFcZ/7ZZTwWIbiXIrmW4nlXYvnYI7qY5HtYpDsaJbyb535V4XhVoTgb575WYjjbpz4XYzoX47pbJv3Z5bxZJLuYY/ra5n1apj0VoXhcJ76bZv3aZfzZJPva5r2WIfjZpXxWojkXo3pYWddNgAAAD1JREFUeNrMwYcBQwAAALDYs2iNFrX+f9IbEh5h9lJqLT42k69VoXcI/A0yuVHq7dJJRGKnxi5U+alvAQYATb8CMoTkHNsAAAAASUVORK5CYII=);
    background-image: -moz-linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-image: -o-linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-image: -webkit-linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-image: linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-position: left bottom;
    background-repeat: repeat-x;
    border: 1px solid #5E94FF;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    color: white;
    display: inline-block;
    font-family: 'open sans',arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    padding: 8px 12px;
    text-align: center;
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -o-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -moz-transition: all .218s ease-in;
    -o-transition: all .218s ease-in;
    -webkit-transition: all .218s ease-in;
    transition: all .218s ease-in;
    border-image: initial;
}

.greybutton
{
    color: white !important;
    text-decoration: none;
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGZQTFRFcZ/7ZZTwWIbiXIrmW4nlXYvnYI7qY5HtYpDsaJbyb535V4XhVoTgb575WYjjbpz4XYzoX47pbJv3Z5bxZJLuYY/ra5n1apj0VoXhcJ76bZv3aZfzZJPva5r2WIfjZpXxWojkXo3pYWddNgAAAD1JREFUeNrMwYcBQwAAALDYs2iNFrX+f9IbEh5h9lJqLT42k69VoXcI/A0yuVHq7dJJRGKnxi5U+alvAQYATb8CMoTkHNsAAAAASUVORK5CYII=);
    background-image: -moz-linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-image: -o-linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-image: -webkit-linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-image: linear-gradient(top,rgba(226,226,226,.14),rgba(34,34,34,.14));
    background-position: left bottom;
    background-repeat: repeat-x;
    border: 1px solid #5E94FF;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    color: white;
    display: inline-block;
    font-family: 'open sans',arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    padding: 8px 12px;
    text-align: center;
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -o-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -moz-transition: all .218s ease-in;
    -o-transition: all .218s ease-in;
    -webkit-transition: all .218s ease-in;
    transition: all .218s ease-in;
    border-image: initial;
}

div.vectorTabs
{	
    position:absolute;
    left:0px;
    top:10px;
    background-color:blue;
    width:100%;
}

div.vectorTabs ul 
{	float:left
}
div.vectorTabs ul 
{	height:100%;
	list-style:none;
	margin:0;
	padding:0
}
div.vectorTabs ul li 
{	float:left
}
div.vectorTabs ul li 
{	line-height:1.125em;
	display:inline-block;
	height:100%;
	margin:0;
	padding:0;
	background-color:#f3f3f3;
	//background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeF7litsRACAMwrD77+Q0rtGoV98r+MEFchhgkr4NnZyb3bk/LM/yMCjiH4wots/++hYR3iXLJVWUBS1AtOi2fwAAAABJRU5ErkJggg==);
	background-position:bottom left;
	background-repeat:repeat-x;
	white-space:nowrap
}


div.vectorTabs ul > li 
{	display:block;
    border-style:solid;
    border-width:3px;
    border-color:blue;
    background-color:#e5f6fd;;
}
div.vectorTabs li.selected 
{	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkAQAAAABvV2fNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVJREFUeF7dwQEBAAAAQCDTTfdD4WOJ5TIB3ib9EgAAAABJRU5ErkJggg==);
}
div.vectorTabs li a 
{	display:inline-block;
	height:1.9em;
	padding-left:0.5em;
	padding-right:0.5em;
	color:#0645ad;
	cursor:pointer;
	font-size:0.8em
}
div.vectorTabs li > a 
{	display:block;
}



/**************************page nav*****************************/
.pageTabs{
    width:100%;
    border-color:#30B1F0;
    background-color:#30B1F0;
}

.pageTabs ul{
    display: block;
    margin: 0 10px 0 0;
    list-style: none;
    height:100%;
}

.pageTabs li{
    display: block;
    float: left;
    border-width:3px 3px 3px 3px;
    border-style:solid;
    border-color:#30B1F0;
    background-color:#30B1F0;
    margin: 0 10px 0 10px
}

.pageTabs .pageSelected{
    display: block;
    float: left;
    border-width:3px 3px 3px 3px;
    border-style:solid;
    border-color:#0089CC;
    background-color:#0089CC;
}

.pageTabs li a:hover{
    color:white;
    //text-decoration: none;
}

.pageTabs li a{
    color:white;
}

.pageTabs .pageSelected a{
    color:white;
    font-weight: bold;
}

.pageTabs .pagesep{
    /*color: #1B97D7;*/
    color:#0C6FA8;
    float:left;
    border-color:#30B1F0;
    background-color:#30B1F0;
    border-width:3px 3px 3px 3px;
    height:100%;
}



.above_page_banner{
    width:100%;
    background:#ffc;
    border-bottom:1px solid #cc9;
    padding:5px 10px;
    margin:0;
    text-align:center;
    top:0;
    z-index:101;
    position:fixed;
    font-size:15px;
}

.above_page_banner a{
    color: navy;
}


/**************************bootstrap justified-nav*****************************/

body {
  padding-top: 20px;
}

.footer {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Main marketing message and sign up button */
/*.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}*/

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #777;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  background-color: #e5e5e5; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-left: 1px solid #fff;
    border-right: 1px solid #d5d5d5;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-radius: 0 5px 5px 0;
    border-right: 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
}

td, td div{
    white-space: normal !important;
    word-wrap:break-word !important;
}


.dialog {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    left: 15em;
    padding: 10px;
    position: absolute;
    z-index: 99;
}

.modal_signup_dialog {
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -225px;
}

.modal_signup_background {
    -khtml-opacity: .85;
    -webkit-opacity: .85;
    opacity: .85;
    -moz-opacity: .85;
    filter: alpha(opacity=85);
    background-color: #fff;
    position: fixed;
    z-index: 200;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.dialog .dialog_wrapper {
    float: left;
    width: 410px;
    background: #eaeaea;
    border: 1px solid #aaa;
    border-bottom-color: #999;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 25px 20px;
    margin-left: -16px;
}

.datagrid{
    padding-bottom:50px;
}