@charset "utf-8";
body {
    text-align: center;  
   /* background-image: url(./img/background.png); */
    height: 100%;
    font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/;
	font-size: 10pt; 
	background-color: #262262;
}
h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
color: #01AEF0;
}


#wrapper {
	
	background-color: #fff;
	margin: 5px auto 0px;
	height: 100%;
	text-align: left;
	padding: 7px 10px 10px 10px;
	border: 1px solid #7F9DB9;
	width: 970px;
	
}

#tobTabContent {

	background-color: #fff;
	margin: -6px auto 0px;
	height: 100%;
	text-align: left;
	padding: 0px 10px 10px 10px;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

#leftNav {

	background-color: #fff;
	margin: 20px auto 0px;
	height: 45em;
	width: 18em;
	overflow: auto;
	text-align: left;
	padding: 5px 10px 10px 10px;
	border: 1px solid #999;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	
}

#center {

	background-color: #fff;
	margin: 11px auto 0px;
	text-align: left;
    padding: 7px 10px 10px 10px;
	
}


#TopHeader {
    background: url(https://www.sailreg.ca/sailreg_banner_blue2.png) no-repeat;
    height: 110px;
    /* background: url(themes/jobjardemo/img/cheader1.jpg) 0 0; */
	
	margin: 0px;
	padding: 0px;
    width: 100%;
    border: 0px none #6E6E6E;
   
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

#secondary {
	text-align: right;
    width: 350px;
	float: right;
	
	padding: 0px 20px 0 0;
	color: black;
	font-size: 8.5pt;
	text-decoration: none;
	margin: 0px;
	display: inline;
}

#secondary li { padding:0 6px 0 8px;list-style-type:none;display:inline; }

#secondary a {
	padding: 5px 0;
	margin:0;
	font-size: 11px;
	font-weight:normal;
	color:#344A04;
}

#secondary a:hover, #secondary a.active {
	text-decoration:none;
	color:#344A04;
}

#secondary ul.links li { border-left: 1px solid #344A04;}

.site-name {
	margin: 0;
	padding: 5px 0 5px 20px;
	color: #00103d;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 0;
	text-shadow: 0.1em 0.1em 0.2em #CCC;
	
}
.site-name a {
padding:0 0 0 20px;
text-decoration: none;
}

.site-name a:link, .site-name a:visited { /*color: #2E9AFE;*/ color: #ff6c00;  text-decoration: none;}

.site-name a:hover { text-decoration: none; }

.site-slogan {
	font-size: 1em;
	color: #444;
	margin: 0;
	font-weight: bold;
	padding:0 0 5px 23px;
	
}

/*globalnav*/

#globalnav {
	
	width:100%;
	padding: 0em 0 1.7em 0;
	list-style:none;
	line-height:1em;
	
	
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
	
}

#globalnav A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#fff;
	margin:0;
	padding:0.55em .55em;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

#globalnav A:hover
{
	background:#d6d6ff;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
	background:#fff;
	border-bottom:1px solid #fff;
}

/*subnav*/

#globalnav UL {
	
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#globalnav UL A {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#444;
}

#rdOnly {
width: auto;
margin-left: 210px;
margin-right: 50px;
padding-left:5px;

}

#recordCount {
width: 95%;
padding: 0px 0 10px 10px;
text-align: center;
font-weight: bold;
}

.fd-show{
display: block;
}

.fd-hide{
display: none;
}

.fd-show-search{
display: block;
}

.fd-hide-search{
display: none;
}



a#form-search {
 float: right;
}

div#form-search {
 float: right;
 padding: 10px 10px 0px 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 background-color:#ffffff;
 border: 1px solid #999;
 z-index: 200px;
}

div .fd-hide-search {
 float: right;
 padding: 10px 10px 0px 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 background-color:#ffffff;
 border: 1px solid #999;
}

div .fd-show-search {
 float: right;
 padding: 10px 10px 0px 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 background-color:#ffffff;
 border: 1px solid #999;
}

div#form-search input {
 margin-bottom: 5px;
}

a.toggleSearch {

  padding-left: 5px;
  float: right;
}

a.exportlist {
 
 padding-left: 5px;
 float: right;
}

a.exportlistreport {
 
 padding-left: 5px;
 padding-bottom: 5px;
 float: right;
}

div.toggleSearch {
float: right;
display: none;
}

div#loginPanel{

  padding-left: 150px;
}

div#loginLink{

  padding-left: 270px;
  padding-top: 5px;
  padding-bottom: 5px;
}

img {
	border:none;
}

#footer {
	padding: 10px;
	font-size: 1em !important;
	text-align:right;
	vertical-align:bottom;
	color:#000;
	margin:10px 0 0 0;
}

#footer a { color:#fff; }

#footer .links { margin-bottom:5px; }

.error {
	color: #DE0000;
	font-size: 100%;
	font-weight: bold;
	padding-left: 210px;
}

.errorPage {
	color: #DE0000;
	font-size: 100%;
	font-weight: bold;
	padding-left: 210px;
	text-align: center;
}

h1.error {
	font-size: 130%;
	padding-left: 0px;
}

#leftNav ul {
	color: #aaa;
	padding-left: 20px;
    
	/*list-style-image:url("themes/jobjardemo//star.png");*/
	/*list-style-position: outside;*/
	list-style: none;
}

#leftNav li {
	padding: 0px 5px 9px 25px;
	background-image: url("themes/jobjardemo/img/link_icon.png");
    background-repeat: no-repeat;
}

#leftNav a {
	color: #000040;
	padding: 0px;
	text-decoration: none;
}

#leftNav a:hover {
	color: #850000;
	padding: 0px;
	background: #ff6c00;
}

table.list{
	border-collapse: collapse;
	width: 100%;
   
}
table.listpdf{
	border-collapse: collapse;
	width: 100%;
	border-left: 1px solid #ddd;
	background-color: #D6FFFF;
}
table.list {
	border-left: 1px solid #ddd;
	background-color: #D6FFFF;
}
	
table.list th {
	font-weight: bold;
	height: 25px;
	padding: 0px 1px 0px 5px;
    valign: middle;
   
}

table.list tr {
	height: 20px;
	padding: 0px 1px 0px 5px;
    valign: middle;
   
}

table.list td.hovered {
    text-decoration: underline;
  	cursor: pointer;
}

table.list td {
	border: 1px solid Gainsboro;
	padding: 0px 5px 0px 5px;
	
}
table.listpdf td {
	border: 1px solid Gainsboro;
	padding: 0px 5px 0px 5px;
	
}


.odd {
	background-color: #Fefef0;
}

.even {
	background-color: #FFF;
}

table.list a {
text-decoration:none;
/*color: #5154E8;*/
} 

table.list a:hover {
/*background-color: #ff6c00;*/
color: #fff;
} 

legend a{

   color: #5154E8;
}

legend {
	font-size: 1em; 
	font-weight: bold;
   /*	color: #ff6c00; */
   margin-left: 10px;
   color: #5154E8;
}

form label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 200px;
	padding: 0;
	margin: 0px 0 0 0;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: bold;
	
}

form input,form textarea,form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto;
	/* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 0px 0px 0 10px;
	/* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
    font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/;
	font-size: 8.5pt; 
	color: #222;
	
}

.redBold {
	color: #FF0000;
	font-weight: bold;
}


div#buttonPanel{

  padding-right: 20px;
  float: right;
}

pre {
	
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
	
	width: auto;
    margin-top: 0px;

}

table.calendar{
	border-collapse: collapse;
	width: 100%;
  
}
table.calendar {
	
	
	background-color: #FFF;
}
	
table.calendar th {
	font-weight: bold;
	height: 25px;
	padding: 0px 1px 0px 5px;
    valign: middle;
    background-color: #D8EBED;
     text-align: center;
   
}

table.calendar td {
	
    border: 1px solid Gainsboro;
    font-size: 12px;
    color: black;
    padding-left: 10px;
     text-align: center;
}

table.calendar td .month{
font-weight: bold;
}

table.calendar tr {
	height: 20px;
	padding: 0px 1px 0px 5px;
    valign: middle;
   
}

table.calendar td.hovered {
    text-decoration: underline;
  	cursor: pointer;
}



.dsb{
	border: 1px solid Gainsboro;
	padding: 0px 5px 0px 5px;
	background-color:#fff
}

table.calendar a {
text-decoration:none;
} 

div#calendarHeader {
   text-align: center;
   width: 100%;
   font-size: 12px;
   font-weight: bold;
   padding-bottom: 10px;
   padding-top: 10px;
}

#calendarHeader .left{
      float: left;
} 

#calendarHeader .right{
      float: right;
} 

#calendar{

	background-color: #fff;
	margin: 5px auto 0px;
	text-align: left;
	padding: 0px 20px 20px 20px;
	border: 1px solid #7F9DB9;
	
      
} 

div#calendarSubHeader{
   
   font-size: 12px;
   font-weight: bold;
   padding-bottom: 10px;
   padding-top: 10px;
    color: #5154E8;
}

a.calendarMonthItemsLink{
    font-size: 11px;
   color: #444;
}

#emailUnread{background-image:url(themes/jobjardemo/img/newmail.gif);
background-repeat:no-repeat;
color: #fff;
} 
#emailRead{background-image:url(themes/jobjardemo/img/readmailopen.gif);
background-repeat:no-repeat;
color: #fff;
} 

.textmiddle {vertical-align:middle;} 

.ui-widget-content { border: 1px solid #aaa/*{borderColorContent}*/; background: #eee; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #eee; }

#quicklink {
   padding-top: 10px;
   font-weight: bold;
   float: right;
}

div#listExport{
   float: right;
}

div.simpleTabs { padding:10px; }
ul.simpleTabsNavigation { margin:0 10px; padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin-right:10px; padding:0; }
ul.simpleTabsNavigation li a { border:1px solid #7F9DB9; padding:3px 6px; background:#fff; font-size:8.5pt; text-decoration:none; outline: none; color:#222;}
ul.simpleTabsNavigation li a:hover { text-decoration:none; background-color:#ff6c00; }
ul.simpleTabsNavigation li a.current { background:#fff; color:#222; border-bottom:1px solid #fff; }
div.simpleTabsContent { border:1px solid #7F9DB9; padding:5px 15px 15px 15px; margin-top:3px; display:none; }
div.simpleTabsContent.currentTab { display:block; }

div.smarteformTabs { 
         padding-top: 15px; 
         border: 1px solid #aaaaaa;
        -moz-border-radius: 2px;
		 -webkit-border-radius: 2px;
		 -khtml-border-radius: 2px;
		 border-radius: 2px;
		
        background-color: #06c;
}

ul.smarteformTabsNavigation { margin:0 0px; padding-left:3px; text-align:left; }
ul.smarteformTabsNavigation li { list-style:none; display:inline; margin-right:3px; padding-right:0px; }
ul.smarteformTabsNavigation li a { 
       border:1px none #aaaaaa; 
       padding:5px 5px 5px 5px; 
       background:#06C; 
       font-size:8.5pt; 
       text-decoration:none; 
        -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		 border-radius: 3px;
		 color:#222;
		 outline: none;
}
ul.smarteformTabsNavigation li a:hover { text-decoration:none; background-color:#ff6c00; color:#222;}
ul.smarteformTabsNavigation li a.current { background:#06c;color:#fff; border-bottom:1px none #fff;font-size: 22px;}
div.smarteformTabsContent { 

        border-top:1px solid #aaaaaa; 
        padding:5px 15px 15px 15px; 
        margin-top:5px; 
        display:none; 
       background: #fff;
         -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		 border-radius: 3px;
		 min-height: 500px;
}

div.smarteformTabsContent.currentTab { display:table;width: 96.7%; }

div#requiredNote {
   
    width: 100%;
    text-align: center;
 
}

div#listicon {
   
    width: 100%;
    text-align: center;
 
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	text-align:left;
}

.ac_loading {
	background: white url('themes/jobjardemo/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

div#debuglog{
  text-align: left;
}

img.selectImage {

   margin-left: 10px; 
   height: 23px;
   width: 23px;
    
   
}

div#messageReadHead {
	background-color: #fff;
	margin: 5px auto 0px;
	text-align: left;
	padding: 7px 10px 10px 10px;
	border: 1px solid #7F9DB9;
	line-height:60%
}



div#messageReadHead label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 80px;
	padding: 0;
	margin: 0px 0 0 0;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: bold;
	font-size: 8.5pt;
	
}

div#messageReadHead div#rdOnly {
		width: auto;
		margin-left: 80px;
		margin-right: 0px;
		padding-left:5px;
		font-size: 8.5pt;
		line-height:100%
		
}

div#messageReadBody {
	background-color: #fff;
	margin: 5px auto 0px;
	text-align: left;
	padding: 0px 10px 10px 10px;
	border: 1px solid #7F9DB9;
	height: 28em;
	overflow: auto;
}

div#messageReadBody label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 0px;
	padding: 0;
	margin: 0px 0 0 0;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: normal;
	
}

div#messageReadBody div#rdOnly {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
		padding-left:5px;
}


div#messageSendHead {
	background-color: #fff;
	margin: 5px auto 0px;
	text-align: left;
	padding: 7px 10px 10px 10px;
	border: 1px solid #7F9DB9;
	line-height:70%
}

#messageSendHead textarea{
     
     height: 18px;
     margin-top: 1px;
    
   
}

div#messageSendHead label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 80px;
	padding: 0;
	margin: 7px 0 0 0;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: bold;
	font-size: 8.5pt;
	
}

div#messageSendHead div#rdOnly {
		width: auto;
		margin-left: 80px;
		margin-right: 50px;
		padding-left:5px;
		font-size: 8.5pt;
}

div#messageSendBody {
	background-color: #fff;
	margin: 5px auto 0px;
	text-align: left;
	padding: 0px 10px 10px 10px;
	border: 1px solid #7F9DB9;
	
}

div#messageSendBody label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 80px;
	padding: 0;
	margin: 0px 0 0 0;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: bold;
	font-size: 8.5pt;
}

div#messageSendBody div#rdOnly {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
		padding-left:5px;
}

p.buttonDiv{
  
  text-align: right;
    
}

div#messageReadBody a{
	
	font-weight: bold;
	FONT-SIZE: 8pt;
}

div#loginButton{

  text-align: center;
  padding-left: 200px;
  
}


.JegyButton {
	padding:3px;
	background:#eee;
	border:1px solid #aaa;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:##FF9900;
    min-width: 100px;   
    margin: 0;
     margin-left: 3px;
}
}

.JegyButton:hover {
	color:#444;
	background:#ff6c00;
}

a.NewButton {
	clear:both;
	padding:5px;
	background:#eee;
	border:1px solid #aaa;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	color:##FF9900;
        width: 200px;
       white-space:nowrap;

}

a.NewButton:hover {
	color:#444;
	background:#ff6c00;
}

a.NewButton2 {
	clear:both;
	padding:1px 5px 1px 5px;
	background:#06c;
	border:1px solid #aaa;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	color:#ccc;
        width: 200px;
       white-space:nowrap;

}

a.NewButton2:hover {
	color:#fff;
	/*background:#ff6c00;*/
}

table.calendar th.time	{

  width: 20%;
   
}

#ui-datepicker-div {display: none;}

a.loginButtonPayment {
        clear:both;
        display:block;
        float:left;
        padding:5px;
        margin-right: 25px;
        background:#06c;
        border:1px solid #000000;
        text-decoration:none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold;
        line-height:16px;
        text-align:center;
        color:#ccc

}

a.loginButtonPayment:hover {
        color:#fff;
        /*background:#006600;*/
}

a.NewButton3 {
        clear:both;
        padding:5px;
        background:#ff6c00;
        border:1px solid #aaa;
        text-decoration:none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:bold;
        line-height:16px;
        text-align:center;
        color:#444;
        width: 200px;
       white-space:nowrap;

}

a.loginButton {
	clear:both;
	display:block;
	float:right;
	padding:5px;
	margin-right: 25px;
	background:#FF9900;
	border:1px solid #000000;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	color:#000000;
 
}
 
a.loginButton:hover {
	color:#FFFF00;
	background:#006600;
}

#temp {
    
 padding-top: 20px;
	
}

#tempDiv {
    
  padding-top: 20px;
}

#topBox {
    
 padding-top: 20px;
	
}

#tempdiv {
    
   padding-top: 20px;
   
}
.event { 
   width: 47%; 
   height: 30em;
   overflow: hidden; 
   float: left;
   border-bottom: 0px solid black;
   padding-right: 20px;

   
}

.eventfull { 
   width: 100%; 
   height: auto; 
   float: left;
   border-bottom: 0px solid black;
   padding-bottom: 20px;

   
}
.sponsors { 
   float: right;
   width: 49%;
   border-bottom: 0px solid black;
  
}
.event img{ height: 101px; width:438px; }
#eventlist { border-top: 0px solid black;}
.currentTab { display: table; }
.steps {  list-style-type: none; height: 4em; padding: 0;}
.steps li { display: inline; list-style-type: none; color: #aaa; padding: 0em 2.4em 0em 2.4em; border: solid 1px #000; background-color: #ececff; }
.steps .current { color: #fff; font-weight: bold; background-color: #06c; }

#hello{
   float: right;
   font-weight: bold;
}