@import url("reset.css");
@import url("global.css");

@import url("loginArea.css");
@import url("inlineList.css");
@import url("adminBar.css");
@import url("optionsPanel.css");

/* ------------------------------------------------------------------------------------------


--------------------------------------------------------------------------------------------- */


body {
margin:0;
padding:0;
font-size        : 62.5%;
line-height      : 1.5em ;
font-family      : 'Segoe UI','Lucida Grande',Tahoma,Geneva,Lucida,Arial,Helvetica,sans-serif;
text-align       : left;
background-color : #f9f9f9;
color            : #000000;
}

body {font-size: 62.5%;}
p,pre,img {font-size: 1.2em;}

h1,h2,h3,h4,h5,h6 {
	font-family      : 'Lucida Grande','Corbel','Century Gothic',Tahoma,Geneva,Lucida,Arial,Helvetica,sans-serif;
	color:#005499;
	margin-top:1.0em;
}

h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.0em;}
h6 {font-size:0.8em;}


.footer {
	color:#cccccc;
	margin:10px;
}


.summary {
	width:972px;
	margin:20px auto 0 auto;
	font-size:1.2em;
	text-align:center;
	line-height:1.5;
}

.content {
	width:972px;
	margin:20px auto 0 auto;
	font-size:1.2em;
	text-align:left;
	line-height:1.5;
}




/* ------------------------------------------------------------------------------------------




--------------------------------------------------------------------------------------------- */

/* @group EditView */


.EditView {
	
	width: 672px;
	
}

.EditView tbody th {
	padding: 4px;
	text-align: right;
	width: 30%;
	height: 38px;
	line-height: 30px;
}

.EditView tbody td {
	padding: 4px;
	width: 70%;
}

.EditView input {
	
	
}

/* @end */

/* @group assetTray */


.assetTray {
    position:fixed;
    background-color:#2a87d4;
    left:0;
    top:48px;
    width:300px;
    bottom:0;

    
}

.assetList {
    background-color:#edf4f9;
    position:fixed;
    left:0px;
    top:48px;
    bottom:0px;
    width:300px;
    color: #005499;
}

.assetBody{
	
}

.assetRow {
    height:24px;
    margin:0px;
    border-bottom: 1px solid white;
    background-color:#edf4f9;
    text-align:left;
}

.assetRow:hover {
	background-color:#f8fafb ;
}

.assetSubRow {
    height:24px;
    margin:0px;
    background-color:#ffffff;
    text-align:left;
}

.assetSubSection {
	    display: none;
	    border-left: 1px solid #e4f0f9;
	    border-right: 1px solid #e4f0f9;
}

.assetHeader {
    height:30px;
    margin:0px;
	background-color:#2a87d4;
    text-align:left;
    color: white;
}

.assetHeader .assetButton,
.assetHeader .assetButton:hover {
    border-color:#489de4 #2a87d4 #2a87d4 #489de4;
    color: white;
    height:26px;
    background-position:4px 6px;
    line-height:26px;

}

.assetLabel,
.assetButton {
    display:block;
    float:left;
    height:22px;
    line-height:22px;
    text-decoration:none;
    padding-left:22px;
    border:1px solid #edf4f9;
    background-repeat:no-repeat;
    background-position:4px 3px;
}



.assetSubRow .assetButton {
    display:block;
    float:left;
    height:22px;
    line-height:22px;
    text-decoration:none;
    padding-left:32px;
    width: 262px;
    border:1px solid white;
    background-repeat:no-repeat;
    background-position:14px 3px;
}

.assetButton.New {
	color: #04a200;
}

.assetButton:hover {
    border-color:#83bae8;
}

.assetButton.selected:hover,
.assetButton.selected{
    border-color:#2a87d4;
	background-color: white;	
	
}


.assetButton.Company {
    background-image:url(/assets/icons/building.png);
    width:202px;
}
.assetButton.Users {
    background-image:url(/assets/icons/group.png);
    width:12px;
}
.assetButton.ShortCodes {
    background-image:url(/assets/icons/phone.png);
    width:12px;
}

.assetSubRow .assetButton.User {
    background-image:url(/assets/icons/user.png);
    width:262px;
}
.assetSubRow .assetButton.ShortCode {
    background-image:url(/assets/icons/phone.png);
    width:262px;
}







/* @end */

/* @group inputForm */


.inputForm h1 {
    height:28px;
    margin:0px;
    padding-left: 5px;
    line-height: 28px;
	background-color:#2a87d4;
    text-align:left;
    color: white;
    font-size: 14px;
    border:1px solid #edf4f9;
    border-color:#489de4 #2a87d4 #2a87d4 #489de4;
    
}

/* cells */




.inputForm tr th {
  border-left:1px #ffffff solid;
  padding-top:4px;
}

.inputForm tr.divider td,
.inputForm tr.divider th {
  border-bottom:1px solid #f3f3f3;
}


.inputForm th,
.inputForm td{
  margin:0px;
  padding:0px;
/*  background:#fafcff;*/
}

.inputForm th {
  font-weight:normal;
  padding-right:14px;
  vertical-align: bottom;
  height:10px;
  text-align:left;
}

/* inputs*/

.inputForm input.text,
.inputForm input.file,
.inputForm input.disabled,
.inputForm textarea,
.inputForm textarea.disabled {
  margin:1px 0 4px 0;
  border-width: 1px;
  border-style: solid;
  border-color: #d7d7d7 #f3f3f3 #f3f3f3 #d7d7d7;
  padding:4px;
  background-color:#EDF4F9;
  color:#333333;
}

.inputForm input.disabled,
.inputForm textarea.disabled,
.inputForm input.disabled:focus,
.inputForm textarea.disabled:focus,
 {
  border:1px transparent solid;
  background-color:#f9f9f9;
  border-width: 1px;
  border-style: solid;
  border-color: #d7d7d7 #f3f3f3 #f3f3f3 #d7d7d7;

}

.inputForm .hidden {
    display:none;
}

.inputForm input.text:focus,
.inputForm textarea:focus,
.inputForm input.text.focus,
.inputForm textarea.focus
 {
	background-color:#F7FAFC;
	  background-color:#EDF4F9;
}

.inputForm tr input.warning,
.inputForm tr textarea.warning {
  background-color:#FCF7F9;
}

.inputForm tr input.good,
.inputForm tr textarea.good {
  background-color:#F7FCF9;
}


.inputForm select.select{
    	background-color:#F7FAFC;
  border-width: 1px;
  border-style: solid;
  border-color: #d7d7d7 #f3f3f3 #f3f3f3 #d7d7d7;
  background-color:#EDF4F9;

}

.inputForm label{
    color:#999999;
}
.inputForm label.selected{
    color:#000000;
}
.inputForm label b {
    color:#dddddd;
}
.inputForm label.selected b {
    color:#ff6666;
}


.inputForm input.full {
  width:308px;
}
.inputForm input.half {
    width:144px;
}
.inputForm input.halfplus {
    width:232px;
}
.inputForm select.full {
  width:320px;
}
.inputForm select.half {
    width:160px;
}
.inputForm select.quarter {
    width:80px;
}
.inputForm textarea { height: 220px; width:572px;	}

/* input:hover */

.inputForm td,
.inputForm th {
    padding:2px;
}

.inputForm select {
    width:300px;
}


.suggest {
	color:#aaaaaa;
	
}


/* @end */