﻿body 
{
    width: auto;
	min-width: 780px;
	margin: 0;
	padding: 0;
	border-top: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	background-image: url(wet-v4/dist/assets/header-leaf.jpg),url(wet-v4/dist/assets/header-bg.jpg);
	background-position: center 45px;
	background-repeat: no-repeat, repeat-x;
    line-height: 1.4375;
}		

p, blockquote, table, td, th, li, a, ul, ol, input, form, button, textarea, select, option, fieldset, label, caption
{
	font: normal 100% arial, helvetica, sans-serif;
}

legend 
{
	padding: 0px 4px;
	margin: 0px 0px 7px 0px;
	color: #666666;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {color: #0066CB;}

h1 
{
	font-size: 2.0em;
	font-weight: normal;
}

/* START - attempting to get FCS inside WET */
#fcsbody 
{
    width: auto;
	min-width: 780px;
	margin: 0;
	padding: 0;
	border-top: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
    line-height: 1.4375;
}		
#fcsbody fieldset
{
    border:1;
}		
/* END - attempting to get FCS inside WET */

/* RadMenu adjustments */
.RadMenu .rmHorizontal .rmItem 
{
    clear: none;
    border-right-color: #999;
    border-right-style: solid;
    border-right-width: 1px;
    background-image: linear-gradient(#146094,#23447e);
}
.RadMenu 
{
    border-bottom: 4px solid #ccc;
    border-top: 1px solid #87aec9;
}

.t-container-static {
    width: 100%;
}

/* GOC Menu - language selection, services. departments */
#gocheadercontainer{background-color: Black;}
#gocheader
{
    color: #FFFFFF;
    /*background-color: Black;*/
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
	min-width: 780px;
	max-width: 1170px;
    min-height: 2.6em;
    line-height: 1;
    font-size: 16px;
    background-image: none;
    background-attachment:scroll;
    background-repeat: repeat;
    background-position: 0% 0%;
}
#gocheader a:link, #gocheader a:visited 
{ 
    color: #fff; 
    text-decoration: none;
}
#gocheader a:hover 
{ 
    color: #fff; 
    text-decoration: underline;
}
#gcwu-sig-en,#gcwu-sig-fr
{
    height:25px;
    margin:10px 0;
}

/* System banner */
#fcsbanner
{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    height: 125px;
	min-width: 780px;
	max-width: 1170px;
}
#fcsbanner-table 
{
	/*border: 1px solid #000;*/
	width: auto;
	min-width: 760px;
	height: auto;
	text-align: center;
	min-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

div.sname
{
    font-size: 2.7em;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
}

#wmms-en,#wmms-fr
{
    height:30px;
    margin-left:15px;
    line-height: 1.4375;
    top:.3em
}

/* FCS content */
#fcscontent 
{			
	height: auto;
	background-color: #FFF;
	text-align: center;
	min-height: 100%;
    margin-left: auto;
    margin-right: auto;
	background-color: transparent;
    padding-left: 15px;
    padding-right: 15px;
}
#fcsradgridof
{
    overflow-x:auto;
    overflow-y:hidden;
}

@media (max-width:860px)
{
    #fcscontent 
    {			
	    width: 780px;
    }
    #fcsradgridof
    {
        width:760px;
    }
    #gocdm
    {			
	    width: 780px;
    }
}
@media (min-width:861px) and (max-width:1040px)
{
    #fcscontent 
    {			
	    width: 780px;
    }
    #fcsradgridof
    {
        width:760px;
    }
    #gocdm
    {			
	    width: 780px;
    }
}
@media (min-width:1041px) and (max-width:1200px)
{
    #fcscontent 
    {			
	    width: 940px;
    }
    #fcsradgridof
    {
        width:920px;
    }
    #gocdm
    {			
	    width: 940px;
    }
}
@media (min-width:1200px)
{
    #fcscontent 
    {			
	    width: 1160px;
    }
    #fcsradgridof
    {
        width:1140px;
    }
    #gocdm
    {			
	    width: 1160px;
    }
}

#fcscontent-table
{
	border: 1px solid #000;
	min-width: 760px;
	height: auto;
	background-color: #FFF;
	text-align: center;
	min-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#fcscontrol-table
{
	text-align: left;
}

#gocdm
{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:10px;
	min-width: 780px;
	max-width: 1170px;
    /*min-height: 2.6em;*/
    font-size:16px;
    color:#333;
}

#gocbrk1
{
    background-image: url(wet-v4/dist/assets/sft-deco.gif);
    background-color: #efefef;
}
#gocbrk2
{
    background: transparent url(wet-v4/dist/assets/sft-deco-leaf.gif) no-repeat top center;
    /*font-size: 1.4em;*/
    font-size: 16px;
	min-width: 780px;
	max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

#dfotac
{
    margin-bottom:0px;
    padding-right:0px;
    padding-top:10px;
}

#dfotac a
{
    /*font-size:16px;*/
    /*color:#333;*/
    color:#295376;
}

#dfotac a:link
{
    text-decoration:none;
}

#dfotac a:visited
{
    text-decoration:none;
    color:#7834bc;
}

#dfotac a:hover
{
    text-decoration:underline;
    /*color:#0535d2;*/
}


#dfonavcontainer
{
    background-color: #efefef;
}
#dfonav
{
	min-width: 780px;
	max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.col-sm-3
{
    width:25%;
    float:left;
    position:relative;
    min-height:1px;
    /*padding-left:15px;*/
    /*padding-right:15px;*/
    display:block;
}

#dfonav h3
{
    margin-top:32px;
    /*font-size: 120%;*/
    font-size: 22px;
    font-weight: 700;
}

#dfonav .list-unstyled
{
    padding-left:0;
    list-style:none;
}

#dfonav h3 a
{
    margin-top:32px;
    font-size: 22px;
    font-weight: 700;
    color:#333;
}

#dfonav ul
{
    margin-top:0;
    margin-bottom: 11.5px;
}

#dfonav li
{
    margin-bottom: 1em;
}

#dfonav a
{
    font-size:16px;
    /*color:#333;*/
    color:#295376;
}

#dfonav a:link
{
    text-decoration:none;
}

#dfonav a:visited
{
    text-decoration:none;
    color:#7834bc;
}

#dfonav a:hover
{
    text-decoration:underline;
    /*color:#0535d2;*/
}

#gocfootercontainer
{
    background-color: Black;
}
#gocfooter
{
	min-width: 780px;
	max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    /*margin-top: 10px;*/
    font-size:16px;
    line-height: 50px;
    height:55px;
}

nav
{
    display:block;
}

#gocfooter ul.list-inline
{
    padding-left:0;
    list-style:none;
    margin-left:-5px;
    vertical-align:middle;
}
#gocfooter li
{
    display:inline-block;
    /*padding-left:5px;*/
    /*padding-right:5px;*/
    /*vertical-align:middle;*/
    /*margin:1em 0!important;*/
}

#gocfooter a
{
    display:inline-block;
    color: #fff; 
}

#gocfooter a:link, #gocfoot4 a:visited
{
    text-decoration:none;
}

#gocfooter a:hover
{
    text-decoration:underline;
}

#gocfooter li.canada-ca 
{
    margin-right:0px; /* !important;*/
    float:right;
}
#gocfooter li.canada-ca a
{
    border-left:1px solid #666;
    display:inline-block;
    font-size:160%;
    padding-left:30px;
    /*vertical-align:middle;*/
    text-transform:none;
    font-weight:normal;
}

#gocfooter li.canada-no 
{
    margin-right: 40px;
}
#gocfooter li.canada-no a
{
    /*margin-right: 35px;*/
    vertical-align:middle;
    text-transform:uppercase;
    font-weight: 700;
}



#vessel-wrapper 
{			
	min-width: 100px;
	margin: 0;
	padding: 0;
	border: 0;
	/*font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 85%;*/
	/*font-size: 0.7em;*/
	/*color: #666666;*/
	color: #000;
	/*background-color: #B2CFE6;*/
	/*background-color: #468;*/
	background-color: #fff;
}
#vessel-table 
{
	/*border: 10px solid #FFFFFF;*/
	width: 100%;
	/*width: 760px;*/
	height: 100%;
	background-color: #FFF;
	text-align: left;
	min-height: 100%;
}

#header 
{
	margin-left: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	/*background-color: #8CA7BB;	*/
	/*border:solid 1px #005AC5;*/
	/*font-size: 2.0em;*/
	/*font-weight: normal;*/
	/*padding:10px;*/
	border-bottom:solid 4px Black;
}

#fcscontent-table-XXX
{
	/*border: 10px solid #FFFFFF;*/
	border: 1px solid #000;
	/* 2016.02.24 changing from "width: 760px" to "min-width: 760px" */
	/* width: 760px; */
	width: auto; /* tc */
	min-width: 760px;
	height: auto;
	background-color: #FFF;
	/*background-color: transparent;*/
	text-align: center;
	min-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#content-table 
{
	width: 100%;
	/*border:solid 1px #005AC5;
	background-color:White;
	border-top:solid 1px Black;*/
	text-align: left;
}

#content-criteria
{
	width: 100%;
	/*border:solid 1px #005AC5;
	background-color:White;
	border-top:solid 1px Black;*/
	text-align: left;
}

#content-left 
{
	width:180px;
	padding-top:10px;
}

#content-right 
{
	width:auto;
	/*border-left:1px solid #A7A7A7;
	padding:15px;*/
	vertical-align:top;
}

div.breadcrumb 
{
/*	width: 100%;
	font-family: Verdana;
	font-size: 9pt;*/
	background-color:#f5f5f5;
	border-top:4px;
	border-bottom:4px;
	line-height:1.4375;
	padding-left:5px;
    min-height: 2.0em;
}

div.breadcrumb a 
{
	color: #0066CB;
	text-decoration: none;
}

div.breadcrumb a:hover 
{
	text-decoration: underline;
}

#footer
{
	width:100%;
	font-size: 0.8em;
	font-style: italic;
	text-align: left;
}
	
.mandatory
{
	background-color: #add8e6;
}
.required
{
	background-color: #add8e6;
}
.condrequired
{
	background-color: #FFFFCC;
}

.radmultipagefixup
{
    margin-top: -2px;  
    padding: 3px; 
    border: solid 1px #cccccc;   
    background: #ffffff;  
}

.RadWindow .rwIcon
{
    height:0!important;
    width:0!important;
    display:none!important;
    background-image:none!important;
}
