/**
 * Vamoosh Admin Base CSS
 * Author: Can I put Praveen? :P
 * Copyright © 2014 UltimateWeb Ltd.
**/

/* Generic Styles */
body {font-size: 80%; margin: 0; padding: 0;}
body, input, select, option {font-family: 'OpenSans', 'Segoe UI', sans-serif;}
textarea, pre, code, tt {font-family: 'Consolas', monospace; resize: none;}
i, em, q, blockquote {font-style: italic;}
b, strong {font-weight: 600;}
small {font-size: 0.8em;}
code {padding: 0 3px; border-radius: 3px;}
a {text-decoration: none;}
.wrap {width: 90%; margin: auto; overflow: hidden;}
p {line-height: 1.4em;}
.empty {text-align: center; border: 1px solid; border-radius: 5px;}

/* Logo */
header {border-bottom: 5px solid;}
header h1 {margin: 0; padding: 10px 0; font-weight: normal; float: left; font-size: 2em;}
header h1 a {display: block; overflow: hidden; text-indent: -9999px; width: 72px; height: 32px; background: url("../img/logo-32.png") center center no-repeat transparent;}
header h1 a:hover {}

/* Primary Navigation */
header ul {float: right; margin: 15px 0 0;}
header ul li {display: inline-block;}
header ul li a {display: block; padding: 5px 5px 3px; border-radius: 3px;}
header ul li a:hover {}

/* Headings */
section h2 {font-weight: 100; margin: 0; padding: 10px 0; font-size: 1.75em; border-bottom: 1px solid;}
section h2 span {font-size: 0.6em;}

/* Sub Headings */
section h3 {font-weight: 100; margin: 10px 0; padding: 10px; font-size: 1.5em; overflow: hidden; border-bottom: 3px solid;}
section h3 a {font-size: 0.75em; border-radius: 3px; padding: 3px; line-height: 1; float: right; margin-left: 5px;}
section h3 a:hover {}

/* Forms */
form {width: 50%; margin: auto;}
form ul {margin: 0; padding: 0; list-style: none;}
form ul li {margin: 0; padding: 5px 0; list-style: none;}
form ul li strong {font-weight: normal; font-size: 1.1em; display: block;}
form ul li input {padding: 3px; border: 1px solid; border-radius: 3px; width: 98%; padding: 1%; line-height: 1;}
form ul li input.inline {width: auto; vertical-align: bottom; margin: 10px 0 0;}
form ul li textarea {padding: 3px; border: 1px solid; border-radius: 3px; width: 98%; padding: 1%; line-height: 1;}
form ul li > input {width: auto; cursor: pointer; padding: 5px 15px; margin: 5px 2px 0 0;}
form ul li.textarea span,
form ul li.inline-input span {width: 75%;}

/* Sign In Form Overrides */

/* Messages */
.msg {width: 50%; padding: 5px; text-align: center; font-weight: normal; border-radius: 3px; margin: 10px auto; border: 1px solid;}
.msg.list {position: relative;}
.msg.list strong {font-weight: 600; display: block; margin: 0 0 5px;}
.msg.list .fa {position: absolute; top: 50%; left: 5px; margin-top: -0.65em;}
.msg.list ul {list-style: none; margin: 0; padding: 0;}

/* Columns */
.cols {overflow: hidden;}
.cols .col2 {width: 50%; float: left;}
.cols .col-pad-l {padding-left: 5px;}
.cols .col-pad-r {padding-right: 5px;}

/* Generic List */
.gen-list {list-style: none; margin: 0; padding: 0;}
.gen-list li {list-style: none; margin: 0; padding: 5px 0;}
.gen-list li > a {display: block; padding: 10px;}
.gen-list li > a + .details {display: none;}
.gen-list li > a.active + .details {display: block;}
.gen-list li > a small {float: right; line-height: 1.5;}
.gen-list li > a:hover small {}
.gen-list li .details {margin: 0 0 5px; border: 1px solid; padding: 5px; border-top: 0;}

/* Generic List: Sub List */
.gen-list > li .details.sub-list li > a {padding: 5px; font-weight: 100;}
.gen-list > li .details.sub-list li > a small {float: right; line-height: 1.2;}
.gen-list > li .details.sub-list li > a:hover small {display: block;}
.gen-list > li .details.sub-list li > a small .fa {display: inline-block; margin: 0 2px 0 5px; line-height: 1.5; height: 1.5em;}

/* Generic List: Details */
.gen-details > li {padding: 0; border-top: 1px solid;}
.gen-details > li > strong {display: inline-block; width: 50px; text-align: right; margin-right: 5px; padding: 5px;}
.gen-details > li:first-child {border: 0;}
.gen-details > li span {display: inline-block; padding: 5px 0;}

/* Top Level Details Table */
.gen-list.gen-details strong {width: 75px;}
.gen-list.gen-details .description {font-size: 0.9em;}

/* Profile Page */
.profile {position: relative; padding-left: 135px; overflow: hidden; width: auto;}
.profile .thumb	{position: absolute; left: 0; top: 5px; display: block; width: 128px; height: 128px;}
.profile .edit-thumb {display: none; position: absolute; left: 0; top: 108px; line-height: 1.2; height: 1.2em; width: 128px; text-align: center; margin: 0; padding: 5px 0;}
.profile .thumb:hover + .edit-thumb,
.profile .edit-thumb:hover {display: block;}
.profile .gen-details {margin: 5px 0 0;}
.profile .gen-details > li > strong {width: 100px;}

/* Profile Edit */
.profile ul li strong {font-size: 1em; font-weight: 600;}
.profile ul li span input {display: inline-block; padding: 2px; margin-bottom: -3px; margin-top: -1px; vertical-align: bottom;}
.profile ul li.inline-input span input {width: 46%;}
.profile ul li.textarea strong,
.profile ul li.textarea span textarea {height: 5em; vertical-align: top;}
.profile ul li.textarea span textarea {margin-top: 0.2em; width: 50%; border: 1px solid; border-radius: 3px; height: 4.75em;}
.profile ul li.textarea span small {font-style: italic; font-size: 0.9em; margin: 0.5em 0.5em 0; display: inline-block;}
form.profile ul li span {padding: 0;}
form.profile #photo {display: none;}

/* Tags */
.tags, .tags li, .tags li a {display: inline; padding: 0; margin: 0 5px 0 0;}

/* Plugin Overrides */
.select2 {margin: 5px 0 0; width: 100%;}

/* Tracks Override */
.gen-list.tracks-list {margin: 10px 0;}