/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body{
    background: #7cb9D1;
}

h3{
    color: #000;
}

td{
    vertical-align: middle !important;
}

#header{
    background: #E4F1F6;
}

#logo{
    text-align: center;
}

#logo img{
    margin-top: 13px;
    margin-bottom: -10px;
}

#user{
    color: #000;
}

    #user a{
        color: #000;
    }
    
    #user p{
        margin-top: 20px;
        text-align: right;
    }

#navigation{
    background: #C9E2EC;
   
}

    #navigation ul{
         margin-bottom: 0 !important;
    }

    #navigation ul li{
        margin-bottom: 0 !important;
        margin-top: 15px;
    }
    
        #navigation ul li a{
            background: #2A8AB3;
            border-top: 1px solid #EBE0CB;
            border-left: 1px solid #EBE0CB;
            border-right: 1px solid #EBE0CB;
            color: #fff;
            text-shadow: 1xp 1px 1px #fff;
            display: block;
            font-weight: 700;
            padding: 10px 0;
            text-align: center;
            text-transform: uppercase;
        }
        
        #navigation ul li a:hover{
            background: #000;
            box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.3) inset;
            border-left: 1px solid #FAF7F1;
            border-right: 1px solid #FAF7F1;
            border-top: 1px solid #FAF7F1;
            color: #fff;
            text-shadow: 1xp 1px 1px #fff;
            display: block;
            font-weight: 700;
            padding: 10px 0;
            text-align: center;
            text-transform: uppercase;
        }
        
        #navigation ul li a.current{
            background: #000;
            background: -moz-linear-gradient(top, #000 0%, #000 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #000 0%,#000 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #000 0%,#000 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #000 0%,#000 100%); /* IE10+ */
            background: linear-gradient(top, #000 0%,#000 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */
            border-left: 1px solid #d7d7d7;
            border-right: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
            border-bottom: none;
            box-shadow: 2px -2px 5px -2px rgba(0,0,0,0.1);
            color: #fff;
            text-shadow: 1xp 1px 0 #fff;
            -webkit-text-shadow: 1xp 1px 0 #fff;
            -moz-text-shadow: 1xp 1px 0 #fff;
            display: block;
            font-weight: 700;
            padding: 10px 0;
            text-align: center;
            text-transform: uppercase;
        }

.content{
    margin-top: 25px;
}

.main-task{
    text-align: right;
}

.action-td{
    background: #eee;
    width: 32px !important;
    height: 32px !important;
    text-align: center;
}

.progress-box{
    background: #eee;
    border: 1px solid #dadada;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow:inset 1px 2px 5px rgba(0,0,0,0.1);
    padding: 2px;
    position: relative;
    width: 100%;
}

.progress-bar{
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
    background: linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
    border: 1px solid #dadada;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #C05900;
    font-weight: 700;
    position: relative;
    text-align: right;
    padding: 3px;
}

.icon-grid{
    
}

.icon-grid li a{
    background: #eee;
    border: 1px solid #dadada;
    color: #000;
    display: block;
    font-weight: 700;
    padding: 10px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
}

.dropdown{
    padding: 3px;
    width: inherit;
}

/* -----------------------------------------
   Login
----------------------------------------- */

.login{
    
}

/* -----------------------------------------
   Buttons & Icons
----------------------------------------- */
.settings{
    background: url('../images/settings_icon.png') no-repeat;
    padding-left: 18px;
}

.log-out{
    background: url('../images/logout_icon.png') no-repeat;
    padding-left: 16px;
}

.back-button{
    background: #000 url('../images/back_icon.png') no-repeat 8px 10px;
    width: 24px;
    height: 20px;
    padding: 10px 8px;
    display: block;
}

.new-button{
    background: #000 url('../images/new_icon.png') no-repeat 8px 8px;
    font-weight: 700;
    float: right;
    height: 24px;
    padding: 12px 8px 4px 40px;
    display: block;
    text-transform: uppercase;
    text-align: left;
}

.new-button:hover{
    background-color: #cfcfcf;
    color: #fff;
}

.print-button{
    background: #000 url('../images/Print_Icon.png') no-repeat 8px 8px;
    font-weight: 700;
    float: right;
    height: 24px;
    padding: 12px 8px 4px 40px;
    display: block;
    text-transform: uppercase;
    text-align: left;
}

.print-button:hover{
    background-color: #cfcfcf;
    color: #fff;
}

.action-td{
    padding: 0px !important;
}

a.time-button, a.view-button, a.edit-button, a.unchecked-button, a.checked-button, a.view-button, a.trash-button, a.print2-button,
a.resources-button, a.users-button, a.sites-button, a.projects-button, a.tasks-button, a.reports-button, 
a.uploads-button, a.view-timesheets-button, a.buget-button, a.bulkresources-button, a.open-period-button, 
a.close-period-button,a.documents-button{
   border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
   background-color: #92C4D9;
   box-shadow: inset 1px 1px 1px #fff;
   -o-box-shadow: inset 1px 1px 2px #fff;
   -webkit-box-shadow: inset 1px 1px 2px #fff;
   -moz-box-shadow: inset 1px 1px 2px #fff;
   color: #3985a8;
    display: block;
    color: #fff;
    float: left;
    width: 40px;
    height: 40px;
}

a.time-button:hover, a.view-button:hover, a.edit-button:hover, a.unchecked-button:hover, a.checked-button:hover, a.print2-button:hover,
a.view-button:hover, a.trash-button:hover, a.resources-button:hover, a.users-button:hover, a.sites-button:hover, 
a.projects-button:hover, a.tasks-button:hover, a.reports-button:hover, a.uploads-button:hover, a.view-timesheets-button:hover,
a.buget-button:hover,a.bulkresources-button:hover, a.open-period-button:hover, a.close-period-button:hover,
a.documents-button:hover{
    background-color: #f0f0f0;
}

a.time-button{
    background-image: url("../images/time_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.print2-button{
    background-image: url("../images/print_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}
a.edit-button{
    background-image: url("../images/edit_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.unchecked-button{
    background-image: url("../images/unchecked_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.checked-button{
    background-image: url("../images/checked_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.view-button{
    background-image: url("../images/view_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.trash-button{
    background-image: url("../images/trash_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.resources-button{
    background-image: url("../images/resources_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.users-button{
    background-image: url("../images/users_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.sites-button{
    background-image: url("../images/sites_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.projects-button{
    background-image: url("../images/projects_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.tasks-button{
    background-image: url("../images/tasks_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.reports-button{
    background-image: url("../images/reports_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.view-timesheets-button{
    background-image: url("../images/view_timesheets_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.uploads-button{
    background-image: url("../images/upload_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.buget-button{
	background-image: url("../images/buget_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.open-period-button{
	background-image: url("../images/report_period_open_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.close-period-button {
	background-image: url("../images/report_period_close_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.bulkresources-button{
	background-image: url("../images/bulk_resources_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
	position: relative;
	top: 13px;
}

a.documents-button{
	background-image: url("../images/documents_icon.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

a.active{
    background-color: #000 !important;
    border-color: #9F370B !important;
    color: #fff !important;
    text-shadow: none !important;
}

.sub-nav a:hover
{
    background-color: #fff;
}

.main-navigation li, .main-navigation a{
    display: block;
}

.main-navigation li{
    float: left;
    margin: 0 5px;
}

.main-navigation a{
    padding: 10px !important;
}

.mobile-main-navigation li, .main-navigation a{
    display: block;
}

.mobile-main-navigation li{
    float: left;
    margin: 0 5px;
    width: 100%;
}

.mobile-main-navigation a{
    padding: 10px !important;
}
/* -----------------------------------------
   Page Name 2
----------------------------------------- */