/* 
    Document   : common
    Created on : 20 Nov, 2013, 3:14:02 AM
    Author     : govind
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
/*body { font-family: sans-serif; font-size: 14px; line-height: 1.6em; margin: 0; padding: 0; padding-top: 70px; }*/
body {
    font-family: 'open sans', arial, sans-serif;
    font-size: 12px;
    min-height: 500px;
    padding-top: 68px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.error {
    color: #ff0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}
.errorblock {
	color: #000;
	background-color: #ffEEEE;
	border: 3px solid #ff0000;
	padding: 8px;
	margin: 16px;
}

.label{
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
.user-header-left .gravatar{
    float:left;
    margin-right:15px;
}
.user-header-left .gravatar .reputation{
    margin-top:10px;
    text-align:center;
    width:128px;
}
.user-header-left .gravatar .reputation span{
    display:block;
    font-size:220%;
    margin-bottom:5px;
}
.user-header-left .gravatar .reputation a{
    color:black;
}
.user-header-left .gravatar .badges{
    margin-top:15px;
    width:128px;
    text-align:center;
}
.change-picture-overlay{
    overflow:hidden;
    height:30px;
    position:absolute;
    top:-30px;
    width:128px;
    display: none;
}

.change-picture-slide{
    text-align:center;
    padding-top:9px;
    background-color:rgba(0, 0, 0, 0.7);
    color:#EFF;
    opacity:0.9;
    top:30px;
    height:30px;
    position:relative;
}
.avatar {
    position: relative;
    padding:0px;
    top: 0px;
    left: 0px;
}

.maxlength-feedback { display: inline-block; width: 7em; margin: 0em 1em; vertical-align: top; }
#overlaidLength + .maxlength-feedback { position: relative; left: -5.25em; top: 1px; width: 4em; padding-right: 0.25em; color: #fff; background-color: #3c8243; text-align: right; }

.accordion{margin-bottom:20px;}
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.accordion-heading{border-bottom:0;}
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
.accordion-toggle{cursor:pointer;}
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}