﻿/* Body */

body {
    margin:				5px;
    padding:			0px;
	font-family:		Verdana, Tahoma, Arial;
	font-size:			11px;
	color:				#333333;
	background:			#ffffff url(Images/Background.gif) repeat-x
}
#home {
    color:              #333333;
    font-family:		Verdana, Tahoma, Arial;
	font-size:			11px;
    margin:             0px;
    padding:            0px;
}
#topFrame {
	background:         #ffffff url("images/TopBackground.gif") repeat-x;
    color:              #333333;
    font-family:		Verdana, Tahoma, Arial;
	font-size:			11px;
    margin:             0px;
    padding:            0px
}
img {
    border:             0px;
}
a:link {
	font-family:      	Verdana, Tahoma, Arial;
	font-size:      	11px;
	font-style:      	normal;
	color:           	#007597;
	text-decoration: 	none
}
a:active {
	font-family:      	Verdana, Tahoma, Arial;
	font-size:      	11px;
	font-style:      	normal;
	color:           	#007597;
	text-decoration: 	none
}
a:visited {
	font-family:      	Verdana, Tahoma, Arial;
	font-size:      	11px;
	font-style:      	normal;
	color:           	#007597;
	text-decoration: 	none
}
a:hover {
	font-family:      	Verdana, Tahoma, Arial;
	font-size:        	11px;
	font-style:       	normal;
	color:            	#18a0c7
}

input, select {
	font-family:      	Verdana, Tahoma, Arial;
	font-size:        	11px;
}
p {
    margin:             5px 0px 8px;
}
table {
   width:               auto
}
form {
    margin:             0px;
    padding:            0px;
}
#hd {
    height:             60px;
    color:              #FFFFFF;
    background:         transparent;
}
#hd a {
	font-family:      	Verdana, Tahoma, Arial;
	font-size:        	11px;
	font-style:       	normal;
	color:            	#ffce57
}
#hd a:hover {
	font-family:      	Verdana, Tahoma, Arial;
	font-size:        	11px;
	font-style:       	normal;
	color:            	#FFFFFF
}
#hd .left {
    float:              left;
    margin:             5px 0px 0px 5px;
}
#hd .right {
    float:              right;
    padding:            7px;
    text-align:         right
}

/* content */
#content {
	color:              #333;
}
#leftside {
	padding:            0;
	margin:             0;
	color:              #333
}
#contentSide {
	color:              #333;
	margin:             0;
	padding:            8px 0;
}
html>body #contentSide {
	height:             auto;
	min-height:         200px;
}
div#contentBox {
	margin:             0;
	padding:            1em
}
h2{
	font-size:          14px;
	font-weight:        600;
	color:              #005b75;
}

/* footer */
#footer {
	padding:            15px 0;
	color:              #999
}
#footer p {
	margin:             0 10px;
}
/* extra */

.clear {
	clear:              both;
}
.left {
	float:              left;
}
.right {
	float:              right;
}
.login {
   line-height:         80px;
}
.Logo
{
    float:              left;
    margin:             5px 0px 0px 5px;
    background:         url("images/LogoSQLManager.png") no-repeat;
    max-width:          160px;
    width:              160px;
    min-height:         50px;
    height:             50px;
}
.welcome {
   width:               auto;
   border:              0px
}
.welcome table {
   background:          transparent;
   width:               auto;
   border:              0px
}
.welcome table td {
   background:          transparent;
   border:              0px
}
.welcome table tr {
   background:          transparent;
   border:              0px
}
/* Pages Layout */
/* tables */
table {
	width:              100%;
	border-collapse:    collapse;
	border:             solid 1px #ffffff;
	margin:             10px 0;
	background:         #FAFAFA;
}
th {
	background:         #add1dc;
	color:              #2f2f2f;
	padding:            3px 5px;
	border:             solid 1px #ffffff;
}
td {
	color:              #000;
	padding:            3px 5px;
	vertical-align:     top;
	border:             solid 1px #ffffff;
}
tr {
	color:              #333;
}
caption {
	display:            none;
}

th a {
	color:              #2f2f2f;
}

th a:hover {
	background:         #add1dc;
	color:              #2f2f2f;
}

th a:visited {
	color:              #2f2f2f;
}

/* tree menu with tables */
#leftsideMenu
{
	margin:             0;
	padding:            0;	
}
#updMenuPanel table {
    width:              auto;
}
#leftsideMenu div{
	padding:            0;
	margin:             0px 0px 0px 5px;
	color:              #333;
}

#leftsideMenu table {
	border-collapse:    collapse;
	border:             0px;
	margin:             0px 0;
}

#leftsideMenu td {
	color:              #000;
	padding:            0px 0px;
	vertical-align:     top;
	border:             0px;
}
#leftsideMenu tr {
	background:         transparent;
}
/*Processes classes*/
.running{
	background:         #66cc33;
}

.sleeping{
	background:         #bee4f0;
}

.runnable{
	background:         #bee4f0;	
}

.background{
	background:         #ffff99;
}

.blocking{
	background:         #ff3300;
}

.error
{
	color:              #ff0000;
}

#pageTopBar
{
	background:         #bee4f0;
	border:             #ffffff 1px solid;
	padding:            4px;
}


fieldset 
{
	padding:            10px;
	border:             1px solid #64add4;
	margin:             0px 0px 8px 0px; 
}

legend
{
	color:              #37434D;
	font-weight:        600
}

/* dependencies Table */
#dependenciesTable div{
	padding:            0;
	margin:             0;
}

#dependenciesTable table {
	border-collapse:    collapse;
	border:             0px;
	margin:             0px 0;
}

#dependenciesTable img {
	margin:             0px 0;
	padding:            0;
}

#dependenciesTable td {
	color:              #000;
	padding:            0px 0px;
	vertical-align:     top;
	border:             0px
}

#dependenciesTable td a {
	text-decoration:      none;
}
#dependenciesTable td a:hover {
}
#dependenciesTable td#open a {
	font-weight:          600;
}

.Indicator
{
	height:                16px;
	background-position:   left center;
	background-image:      url("images/indicator.gif");
	background-attachment: fixed;
	padding-left:          18px;
	background-repeat:     no-repeat;
}

.hide {
height:                    0;
overflow:                  hidden;
display:                   none;
position:                  absolute;
}
.Repeater {
	background:            #add1dc;
}
/*Tooltip table */
table.toolTip
{
	border-collapse:       collapse;
	margin:                10px 0;
	background-color:      #FFFFDD;
	border-collapse:       collapse;
	border:                solid 1px #FFFFDD;
}

table.toolTip td
{
	color:                 #000;
	padding:               3px 5px;
	vertical-align:        top;
	border:                solid 1px #FFFFDD;
	border-bottom:         #000000 1px solid;
}

table.toolTip tr {
	background:            #FFFFDD;
	color:                 #333;
}

/* Login */
.LoginFramework {
	width:				345px;
	margin:				auto;
	padding-top:        250px;
}
.LoginFramework .LoginHeader {
	width:				345px;
	height:				50px;
	margin:				0px;
	background:			#FFFFFF url(Images/Login-Head.gif) no-repeat;
}
.LoginFramework .LoginBody {
	width:				345px;
	margin:				0px;
	overflow:			hidden;
	background:			#FFFFFF url(Images/Login-Vertical.gif) repeat-y;
}
.LoginFramework .LoginFooter {
	width:				345px;
	height:				20px;
	margin:				0px;
	background:			#ffffff url(Images/Login-Bottom.gif) no-repeat;
}
.LoginFramework .LoginForm {
	width:				335px;
	margin:				auto;
}
.LoginFramework .LoginCells {
	width:				140px;
    text-align:         left;
    margin:             auto;
}
.LoginFramework .ErrorCells {
	width:				335px;
    margin-bottom:      10px;
}
#RadGrid1 table,
#GridsPanel table,
#Grid0_ctl00 table {
	padding:            0px;
	margin:             0px;
}
.MainPage , .MainPage table , .MainPage div , .MainPage p , .MainPage form ,
.MainPage tr , .MainPage td ,.MainPage iframe {
	padding:            0px;
	margin:             0px;
	vertical-align:     middle;
	border:				0px;
	float:				none;
}

.ErrorBox {
    width:              500px;
    height:             auto;
    overflow:           hidden;
    margin:             auto
}
.ErrorBox .ErrorBoxBody {
    overflow:           hidden;
    margin:             40px 0px 0px 0px
}
.ErrorBox .ErrorBoxBody .ErrorBoxTopCell {
    width:              500px;
    height:             30px;
    background:         url(Images/ErrorBoxTop.png) no-repeat
}
.ErrorBox .ErrorBoxBody .ErrorBoxTopCell .ErrorBoxTopCellTitle {
    float:              left;
    text-align:         left;
    direction:          ltr;
    margin:             8px 0px 0px 25px;
    color:              #000000;
    font-weight:        600
}
.ErrorBox .ErrorBoxBody .ErrorBoxTopCell .ErrorBoxTopCellClose {
    float:              right;
    width:              30px;
    height:             30px;
    cursor:             pointer;
    background:         url(Images/Close.png) 0px 0px no-repeat
}
.ErrorBox .ErrorBoxBody .ErrorBoxTopCell .ErrorBoxTopCellClose:hover {
    float:              right;
    width:              30px;
    height:             30px;
    cursor:             pointer;
    background:         url(Images/Close.png) -30px 0px no-repeat
}
.ErrorBox .ErrorBoxBodyContent {
    overflow:           hidden;
    background:         url(Images/ErrorBoxBody.gif) repeat-y
}
.ErrorBox .ErrorBoxBodyContent .ErrorBoxHead {
    height:             50px;
    overflow:           hidden;
    margin:             10px 10px 15px 10px
}
.ErrorBox .ErrorBoxBodyContent .ErrorBoxHead .ErrorBoxHeadDesc {
    width:              400px;
    height:             50px;
    overflow:           hidden;
    float:              right;
    direction:          ltr;
    text-align:         left;
    margin:             12px 10px 10px 10px
}
.ErrorBox .ErrorBoxBodyContent .ErrorBoxHead .ErrorBoxHeadAlert {
    width:              50px;
    height:             50px;
    overflow:           hidden;
    float:              left;
    background:         url(Images/Error.png) no-repeat
}
.ErrorBox .ErrorBoxBodyContent .ErrorBoxDesc {
    overflow:           hidden;
    direction:          ltr;
    text-align:         justify;
    margin:             0px 10px 20px 10px
}
.ErrorBox .ErrorBoxBodyContent .ErrorBoxBottom {
    overflow:           hidden;
    direction:          ltr;
    text-align:         center;
    margin:             10px 10px 10px 10px
}
.ErrorBox .ErrorBoxBody .ErrorBoxBottomCell {
    width:              500px;
    height:             10px;
    background:         url(Images/ErrorBoxBottom.gif) no-repeat
}