﻿
  
.p_t_15
{
    padding-top: 15px;
}

body
{
    font-family: open_sansregular, Arial, Verdana;
}
  .brandHeader
    {
        color: #17565F;
        display: inline-block;
        letter-spacing: 0.1px;
    }
	
	.subTitle.download ul li{
		padding: 5px 0px;
	}
	
	.subTitle.download ul li:first-child{
		padding: 10px 0px 5px;
	}
	
.logo-main {
    background-image: url("images/logo-main.png");
    background-repeat: no-repeat;
    background-size: 196px 75px;
    height: 72px;
    margin-top: 5px;
    width: 304px;
    display: inline-block;
}
    .main-content
    {
        display: table;
        width: 100%;
    }
    .logo
    {
       margin:0px;
    }
   
    div.box-grid > div.title
    {
        color: #C2412E;
        padding: 3px 5px;
        border-radius: 4px;
        font-size: 16px;
        background-color: #bbc7c5;
    }
    .subTitle, .subTitle ul{
        padding-left: 10px;
    }
        .subTitle h5
        {
            cursor: pointer;
        }
    .message-box
    {
       background-color: #bbc7c5 !important;
       border: 4px;
       padding: 15px;
       border-radius: 4px;
        display:block;
        margin-bottom: 20px;
        margin-top: -13px;
        
    }
    .registration-form
    {
        margin-top: 20px;
    }
    .contentBody
    {
        padding: 10px;
    }
  
    .profile-username
    {
        color: #B7B7B7;
        cursor:pointer;
    }
    .profile .profile-username
    {
        display: inline-block;
        padding: 20px 10px;
    }
    .subTitle ul li
    {
        list-style: none;
    }
    .subTitle h5
    {
        font-family: open_sansregular, Arial, Verdana;
    }
   
   
    div.title.titleMain
    {
        color: #17565F;
        border-radius: 4px;
        border-bottom: 1px solid #dedede;
        padding: 3px 5px;
    }

    .editLogin
    {
        padding: 3px 5px;
        border: 1px solid #dedede;
        border-radius: 4px;
        background-color: #E26B00;
        font-size:x-small;
        cursor:pointer;
        color: #fff;
    }

    #dashMain .editLogin {
           position: absolute;
           right: 30px;
    }
    #dashRight .editLogin {
            margin-top: 4px;
             float: right;
    }

    .registration-title
    {
        height: 20px;
        line-height: 30px;
        padding-left: 5px;
    }
    .well-bg
    {
        display: table;
        width: 100%;
        background-color: #f2f2f2;
        padding: 15px 20px;
        border: 1px solid #dedede;
    }
    .num-re
    {
        float: left;
        padding-right: 30px;
        padding-bottom: 10px;
        padding-left: 20px;
    }
    .num
    {
        background-color:#cfcde2;
        border-radius: 100%;    
        width: 32px;
        height: 32px;
        line-height: 30px;
        text-align: center;
        display: block;
        float: left;
    }
    .main-head
    {
       color: #777;
       text-transform: uppercase;
       font-size: 2em;
       text-align: center;
       width: 100%;
       display: block;
    }
    .form-submit
    {
        border: 1px solid #dedede;
        border-top: none;
        display: table;
        width: 100%;
        padding: 5px;
        background-color: #f2f2f2;
        margin-bottom: 20px;
    }
    
    .close-dialog
    {
        float: right;
        color: #fff;
        font-size: 22px;
        margin-top: -26px;
    }
    .flat-modal
    {
        border-radius: 0px;
    }
    .header
    {
        padding: 3px 5px;
    }
           
    #dashLeft div.box-grid
    {
        padding-bottom: 15px;
    }

    .profile-username
    {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }
        
    .formRight
    {
        width: 75%;
    }
       .formRow
    {
        display: table;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
.span6
{
    width: 49%;
    float: left;
    padding: 1%;
}
    .span6 > div.grid-content
    {
        padding: 20px;
    }
    .span6 .p_l_10
    {
        display: block;
        padding: 10px 15px;
        background-color: #f2f2f2;
        border-bottom: 1px solid #dedede;
    }
#utab1, #utab2, #utab3
{
    border: 1px solid #dedede;
    border-top: none;
}
    #utab3 div.grid
    {
        padding-top: 30px;
        padding-bottom: 10px;
    }
.editP
{
    text-decoration: underline;
}
    .editP:hover
    {
        background: transparent !important;
        border: none;
        text-decoration: underline;
}
      .solgon
    {
        padding: 3px;
        border-radius: 4px;
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        display: table;
        margin-top: 3px;
        background-color: #C2412E;
    }

@media only screen and (min-width:992px) {

    
    .lg-container {
        padding-right:20px;
    }
    .logo img
    {
        margin-left: -40px;
    }
    #dashLeft title
    {
        width: 95%;
    }
    .logo-main {
        margin-left: -40px;
    }
    .solgon
    {
        margin-bottom: 20px;
        margin-left: -20px;
        white-space: nowrap;
    }
    .slicknav_menu
    {
        display: none;
    }
      #dashLeft, #dashRight
    {
        margin-top: -12px
    }
     .editPage {
        float:right;
        margin-top:-55px;
        margin-right:35px;
    }
        .brandHeader
    {
        margin-left: -0.5em;
        margin-top: 1.5em;
        font-size: 1.9em;
    }
    
 
    }

@media (min-width: 1200px)
{
      #dashMain
        {
            margin-left: -20px;
            margin-right: 20px;
        }
      div.box-grid > div.title
        {
            width: 85%;
        }
    .logo-main {
        margin-left: -9px;
    }
      #dashRight div.box-grid > div.title
        {
            width: 93%;
        }
     #dashLeft div.box-grid
        {
            padding-left: 30px;
        }
     #dashRight .editLogin
        {
            margin-right: 25px;
        }
    .grid
    {
        padding-left: 41px;
        padding-right: 32px;
        padding-top: 20px;
        padding-bottom: 20px;
        display: table;
        width: 100%;
    }
     .brandHeader
    {
        margin-left: -1.1em;
        margin-top: 1.5em;
        font-size: 1.9em;
    }
    .solgon
    {
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .logo img
    {
        margin-left: -10px;
    }
}
@media only screen  and (max-width: 979px)
{
    #dashMain .editLogin
    {
        top: 15px;
    }

    .logo img
    {
         height: 70px;
            margin-bottom: 20px;
            margin-left: -20px;
            width: 150px;
    }

    #dashRight .editLogin
    {
        margin-right: 5px;
    }
    .solgon
    {
        display:table !important;
        white-space: nowrap;
        margin-left: -20px;
        margin-bottom: 5px;
    }
     .editPage
        {
           display:block;
            margin-left: 15px;
           margin-right: 15px;
           margin-bottom: 5px;  
        }
      .span6 {
           width: 100%;
        }
    .logo-main {
        margin-left: -36px;
    }
        .brandHeader
        {
            text-align: center;
            margin-top: 0em;
            margin-left: -0.7em;
            font-size: 1.5em;
        }
}

@media (max-width: 480px)
    {
        .header,#dashLeft,#dashRight,#dashMain
    {
         min-width: 400px !important;
    }
        #dashLeft
        {
            padding-bottom: 12px;
        }
           .editPage
        {
           display:block;
           margin-left: 15px;
           margin-right: 15px;
           margin-bottom: 5px;  
        }
        .span6 {
            width: 100%;
        }
        .logo-main {
            margin-left: -32px;
        }
        .brandHeader
        {
            text-align: center;
            margin-top: 0em;
            margin-left: -0.7em;
            font-size: 1.3em;
        }
      
    }
.slimScrollDiv{
    padding-right:45px;
}
.footer{
	background:#eee;
	padding:10px 15px;
}
.footer p{
	margin:0;
	text-align:right;
}
.footer a{
	color:#17565F;
	font-size:11px;
	text-decoration:none;
}
.footer img{
	width:70px;
	margin:0 2px;
	vertical-align:middle;
}