/*--------------------------------------------------------
COMMON CSS
--------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}

html {
	min-height: 100%;
	margin-bottom: 1px;
	}

body {
	background: url(../images/wrap/bg.jpg) top left repeat;
	margin: 0 auto 20px auto;
	text-align: center;
	font: 13px Arial, Helvetica, sans-serif;
	}

a {
    color: #0B72BF;
}

img {
	border: 0;
	}
	
table
{
    font-size: 13px;
}	
	
.bold {
	font-weight: bold;
	}

.red {
	color: red;
	}
	
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.pngFix {
	behavior: url(../iepngfix.htc);
	}

/*--------------------------------------------------------
TOP WRAP
--------------------------------------------------------*/

#container {
	margin: 0 auto;
	text-align: left;
	width: 774px;
	position: relative;
    font-size: 13px;
	}

/*--Header --*/

#topcorners {
	height: 44px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/wrap/top_corners.png);
	text-align: right;
	font-size: 85%;
	display: block;
	}
	
#header {
	height: 122px;
	background-image: url(../images/wrap/content_bg.png);
	background-position: top left;
	background-repeat: repeat-y;
	text-align: right;
	padding-right: 7px;
	}
	
#header img {
	display: inline;
	}
	
.kudoslogo { 
	margin-bottom: 37px;
	margin-right: 0;
	padding-right: 0;
	}

/*--Top Navigation--*/
#loginpage #nav {
	display: none;
	}

#nav {
    position: relative;
    }
	
#nav ul {
	height: 24px;
	padding-left: 19px;
	padding-top: 5px;
	list-style: none;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/wrap/nav_bg.png);
	}

#nav li {
	float: left;
    list-style: none;
	}
	
#nav a {
    display: block;
    height: 23px;
	background-position: top left;
	background-repeat: no-repeat;
	}

#nav a span {
	display: none;
	}

#nav a:hover, #nav a.selected, #nav a:active, #nav a.selected {
	background-position: 0 -23px;
	}

#thome a  {
	width: 43px;
	background-image: url(../images/nav/home.gif);
	}

#tmyprofile a  {
	width: 67px;
	background-image: url(../images/nav/myprofile.gif);
	}

#tdirectory a  {
	width: 64px;
	background-image: url(../images/nav/directory.gif);
	}
	
#tmanageusers a  {
	width: 85px;
	background-image: url(../images/nav/manageusers.gif);
	}

#taccountsettings a  {
	width: 105px;
	background-image: url(../images/nav/accountsettings.gif);
	}

#tmanagedepartments a  {
	width: 123px;
	background-image: url(../images/nav/managedepartments.gif);
	}
#treports a  {
	width: 53px;
	background-image: url(../images/nav/reports.gif);
	}
	
#tourphilosophy a  {
	width: 95px;
	background-image: url(../images/nav/ourphilosophy.gif);
	}
	
#tsuggestions a  {
	width: 77px;
	background-image: url(../images/nav/suggestions.gif);
	}
	
#tsendemail a  {
	width: 77px;
	background-image: url(../images/nav/sendemail.gif);
	}

#thelp a  {
	width: 35px;
	background-image: url(../images/nav/help.gif);
	}

#signout {
    width: 54px;
	position: absolute;
	top: 5px;
	right: 20px;
	}
	
#signout a {	
    width: 54px;
    background-image: url(../images/nav/signout.gif);
}
	    
.signout-administrator a  {
	width: 54px;
	background-image: url(../images/nav/signout.gif);
	/*margin-left: 91px;*/
	}
	
.signout-supervisor  a {
	width: 54px;
	background-image: url(../images/nav/signout.gif);
	/*margin-left: 281px;*/
	}

.signout-supervisor-nophilosophy  a {
	width: 54px;
	background-image: url(../images/nav/signout.gif);
	/*margin-left: 376px;*/
	}

.signout-supervisor-administrator  a {
	width: 54px;
	background-image: url(../images/nav/signout.gif);
	/*margin-left: 91px;*/
	}

.signout-normaluser a  {
	width: 54px;
	background-image: url(../images/nav/signout.gif);
	/*margin-left: 334px;*/
	}

.signout-normaluser-nophilosophy a  {
	width: 54px;
	background-image: url(../images/nav/signout.gif);
	/*margin-left: 429px;*/
	}
	
#content {
	width: 774px;
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/wrap/content_bg.png);
/*	height: 1%;
	line-height: 1.2;*/
	/*border: 1px solid red;*/
	}


/*-- My Account Container --*/
#MyAccountWrap {
	margin-left: 8px;
	width: 750px;
	clear: both;
}

#MyAccount {
	border-top: 1px solid #fff;
}

#MyAccountContent {
	padding: 0 4px 0 12px;
	clear: both;
}

#MyDetailsError {
	padding: 5px 0 0 12px;
	color: red;
	font-weight: bold;
	}


#kudosGiven
{
    float:right;
    padding-top:8px;
   padding-right:22px;
   font-size:90%;
}



/*--------------------------------------------------------
BOTTOM WRAP
--------------------------------------------------------*/

#footer {
	width: 774px;
	height: 20px;
	clear: both;
	background: url(../images/wrap/btmrounded.png) no-repeat top left;
	}

#footerbar{
	float: left;
	width: 760px;
	margin: 6px 7px 5px 7px;
	
	font-size: 80%;
	display: inline; /*To fix double margin bug in IE6*/
	}

#footerbar ul {
	float: right;
	list-style: none;
	}

#footerbar li {
	margin: 0 8px;
	float: right;
	list-style: none;
	}

#footerbar li a { 
	color: #000; 
	display: block;
	}
	
li#rm_logo {
	float: left;
	}
	
#version {
	text-align: right;
	font-size: 80%;
	padding-right: 15px;
	}
	
#version a {
	color: #000;
	text-decoration: none;
	}
	
#version a:hover {
	text-decoration: underline;
	}



.button 
{
    border:solid 1px #92bed4;  
    border-bottom-width:2px;   
    border-bottom-width:2px;   
    border-right-width:2px;  
    color:#ccc;
    text-align:center;
    padding:2px;
    width:91px;
    background-color:#FFF;
}
.floatBtn 
{
     float:left;
     margin: 0 5px 0 0;
    }
.buttonsWrap 
{
     padding: 15px 0;
     width: 100%;
     float:left;
    }
.button a
{
    font-weight:bold;
    
    color:#267da9;
    text-decoration:none;
    
}
#showmore a
{
    padding-right:5px;
}




/*--------------------------------------------------------
PRICING
--------------------------------------------------------*/
#pricing { 
	width: 100%; 
	border-collapse:collapse; 
	border-top: 1px solid #cfcfcf; 
	border-left: 1px solid #cfcfcf; 
	margin: 15px 0 12px 0; 
	}

#pricing tr#headrow th { 
	background: #f8ae08; 
	text-align: center; 
	background: #fac244 url(/images/signup_bg.gif) top left repeat-x; 
	}

#pricing tr#headrow th.selectplan { 
	background: #fff; 
	text-align: right; 
	vertical-align: bottom; 
	background: #fff; 
	}

#pricing td, #pricing th { 
	border-bottom: 1px solid #cfcfcf; 
	border-right: 1px solid #cfcfcf; 
	padding: 8px; text-align: center;  
	}

#pricing td { 
	width: 90px;
	}
	
#pricing th { 
	background: #efefef; 
	vertical-align: top; 
	text-align: right;
	}

#pricing img{ 
	margin-top: 5px; 
	}
	
	

/*--------------------------------------------------------
Super Admin
--------------------------------------------------------*/
#superAdminNav
{
    padding:10px;
    background-color:#CBDB2A;
   
}
#superAdminNav ul
{
    background-position:left top;
    background-repeat:no-repeat;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding-bottom:5px;
   
}

superAdminNav li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}



#superAdminNav a
{
    text-decoration:none;
}
#superAdminNav a:hover
{
    text-decoration:underline;
}

.manageAccount
{
    border:solid 1px #BBBBBB;
    padding:10px;
}