@import url('../js/highslide/highslide.css');

div, h1, h2, h3, h4, p, ul, ol, li, form, fieldset, table, td, th {
	margin: 0;
	padding: 0
}
ul {
	list-style: none
}
html {
	font-size: 62.5%
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0;
	min-width: 730px;
	background: #fff
}
div#mainbody {
	padding: .5em 1.5em 1.5em 1.5em
}
h1 {
	font-size: 1.5em
}
h2 {
	font-size: 1.5em
}
h3 {
	font-size: 1.2em
}
h4 {
	font-size: 1.1em
}
.main1 {
	font-size: 1.2em;
	font-weight: bold
}
.clear, .clrflt, .spacer {
	clear: both
}
.divider {
	clear: both;
	width: 100%;
	margin: 15px 0;
	border-bottom: 1px solid #eee
}
.divider2 {
	clear: both;
	width: 100%;
	margin: 15px 0;
	padding: 15px 0;
	border-bottom: 1px solid #ccc
}
.inlinetext {
	display: inline;
	padding-right: 6px
}
.newuser, .adm {
	color: green
}
.err, .sus, .req, .new, a.new:link, a.new:hover, a.new:visited {
	color: #c00
}
sup.new {
	margin-left: 3px
}
.u {
	color: #767676
}
.u a:link, .u a:active, .u a:visited {
	color: #59d
}
a:link, a:visited {
	color: #06c
}
a:hover {
	color: #c60
}
a {
	outline: none
}
a, .nowrap {
	white-space: nowrap
}
a img {
	border: 0
}
a.greenlink:link, a.greenlink:visited {
	color: green;
	text-decoration: none
}
a.poplink {
	background: url(/images/tearoff_icon-1_2.gif) right no-repeat;
	padding-right: 20px
}
a.cancellink {
	text-decoration: none
}
#hidden1, #hidden2, #hidden3, #hidden4, .hidden {
	display: none
}
.newservice {
	background: url(/images/icon_postini_20.gif) no-repeat;
	padding: 2px 0 4px 22px
}
.nowrap {
	white-space: nowrap
}
.left-space {
	margin-left: 1em
}
.d {
	margin: 10px 10px 10px 0;
	padding: 10px;
	background-color: #fff4c2;
	border: solid 1px #fc3;
	width: 50%
}
.outage {
	margin: 10px 10px 10px 0;
	padding: 10px;
	background-color: #fff4c2;
	border: solid 1px #fc3
}
.outage ul {
	list-style: inside;
	margin: 1em
}
.si {
	margin: 10px 10px 0 0;
	padding: 10px;
	background-color: #eee;
	border: solid 1px #aaa;
	width: 50%
}
.note {
	padding: 1px 15px;
	background-color: #fad163;
	-moz-border-radius: 5px
}
.note2 {
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: 49px;
	width: 94%
}
.warning {
	background: url(/images/warning.gif) no-repeat;
	padding-left: 25px
}
.error {
	background: url(/images/warning.gif) no-repeat;
	padding-left: 25px;
	color: #c00
}
.printlink {
	background: url(/images/print_icon_2.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 5px
}
.emaillink {
	background: url(/images/email_icon_2.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 5px
}
p.confirm {
	text-align: center
}
.errorbox-bad, .errorbox-good {
	display: inline
}
.errormsg {
	color: #c00
}
div#header {
	min-height: 65px
}
div#logo {
	float: left;
	height: 60px
}
div#logo img {
	border: none
}
div#header ul {
	float: right
}
div#header li {
	display: inline;
	padding-left: 6px
}
div#header p, div#header form {
	margin: 0 0 0 146px;
	padding-bottom: 2px
}
div#header form label {
	display: none
}
span#premium {
	color: #c60;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif
}
div#navigation ul {
	clear: both;
	background: url(/img/navbar_bg.png);
	float: left;
	width: 100%
}
div#navigation li {
	float: left;
	border-right: 1px solid #59d;
	position: relative
}
div#navigation li a {
	display: block;
	padding: 5px 15px 5px 15px;
	color: #fff;
	font-weight: bold;
	position: relative;
	text-decoration: none
}
div#navigation li#services {
	border-right: 0
}
div#navigation li#services a img {
	border: none;
	padding-bottom: 2px
}
.selected, div#navigation li.selected a:hover, div#navigation li.selected:hover {
	background: url(/img/navbar_bg2.png);
	font-weight: bold
}
div#navigation li a:hover, div#navigation li:hover {
	background: url(/img/navbar_bg3.png)
}
div#navigation li#services ul#servicelist {
	display: none;
	position: absolute;
	background: #ecf0f6;
	border: 1px solid #fff;
	border-right: 1px solid #899dad;
	border-bottom: 1px solid #899dad;
	width: auto
}
div#navigation li#services li {
	float: none;
	border: none;
	border-bottom: 1px solid #ecf0f6
}
div#navigation li#services li a {
	display: block;
	background: none;
	padding: 3px 6px 3px 6px;
	color: #333;
	font-weight: normal;
	white-space: nowrap;
	z-index: 1000
}
div#navigation li#services li.selected a {
	background: #c9d1db;
	font-weight: bold
}
div#navigation li#services li a:hover {
	background: #59d;
	color: #fff
}
div#nav2 {
	clear: left;
	padding: 2px 2px 2px 15px;
	background: #eaf3fd;
	border-bottom: 1px solid #c6dff9
}
div#nav2 h2 {
	margin: 6px 6px 6px 0
}
div#nav2 ul {
	padding-top: 4px
}
div#nav2 li {
	display: inline;
	float: left;
	padding: 5px 15px 2px;
	position: relative;
	top: 3px;
	white-space: nowrap
}
div#nav2 .selected {
	background: #fff;
	border: 1px solid #c6dff9;
	border-bottom: 0;
	font-weight: bold
}
div#content {
	padding: 20px 30px
}
div#content p {
	padding-bottom: 1.5em
}
div#dash1 {
	padding: 10px 15px 10px 15px;
	margin: 10px 15px 10px 15px;
	background: #eaf3fd;
	border: 1px solid #c6dff9
}
div#tip, div#dashnote {
	margin: 10px 15px 0 15px
}
div#tipPromo {
	margin: 50px 15px 0 15px;
	padding-top: 10px;
	border-top: 1px solid #ddd
}
div#tipPromo h3 {
	display: inline
}
div#dom_user {
	float: left;
	width: 47%;
	padding-right: 2%
}
div#users h2 {
	display: none
}
div#users ul {
	padding: 10px 0 0 0
}
div#users ul li {
	display: inline;
	padding-right: 6px
}
div#premierinfo {
	float: left;
	width: 47%
}
div#dash1 h1 {
	position: relative;
	margin-bottom: 10px;
}
div#dash1 div#status {
	font-size: .9em;
	border-bottom: 1px solid #ccc
}
div#dash1 table {
	font-size: .9em;
	border-collapse: collapse
}
div#dash1 table th.status {
	background: url(/images/check.gif) no-repeat;
	padding-left: 20px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #ccc
}
div#dash1 table th.warning {
	background: url(/images/warning.gif) no-repeat;
	padding-left: 20px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #ccc
}
div#dash1 table th.error {
	background: url(/images/redex.gif) no-repeat;
	padding-left: 20px;
	font-weight: bold;
	color: #c00;
	border-bottom: 1px solid #ccc
}
div#dash1 table th {
	font-weight: bold;
	border-bottom: 1px solid #ccc
}
div#dash1 th, div#dash1 td {
	padding: 2px 5px 2px 0;
	text-align: left
}
div#dash1 table .tablefooter {
	color: #767676;
	border-top: 1px solid #ccc
}
div#dash1 table .current {
	color: #f60;
	text-align: center;
	font-weight: bold
}
div#dash1 table .high, .low {
	color: #090;
	text-align: center
}
div#dash2 {
	margin: 20px 30px 20px 30px
}
div#dash2 li {
	display: inline;
	padding-right: 6px
}
div#guide {
	margin-left: 50%;
	padding: 0 20px 0 0;
	color: #c60
}
div#guide h3 {
	margin-left: 25px;
	color: #c60
}
div#guide p {
	margin-left: 25px;
	padding-bottom: 5px;
	width: 90%
}
div#guide .inlinelist {
	color: #333;
	margin-left: 25px
}
div#guide .up {
	background: url(/images/g_arrows.gif) no-repeat;
	text-indent: -5000px;
	float: left;
	height: 20px;
	width: 20px
}
div#guide .upleft {
	background: url(/images/g_arrows.gif) no-repeat 0 -20px;
	text-indent: -5000px;
	float: left;
	height: 20px;
	width: 20px
}
div#guide .left {
	background: url(/images/g_arrows.gif) no-repeat 0 -40px;
	text-indent: -5000px;
	float: left;
	margin-top: -2px;
	height: 20px;
	width: 20px
}
div#guide .downleft {
	background: url(/images/g_arrows.gif) no-repeat 0 -60px;
	text-indent: -5000px;
	float: left;
	height: 20px;
	width: 20px
}
div#guide .down {
	background: url(/images/g_arrows.gif) no-repeat 0 -80px;
	text-indent: -5000px;
	float: left;
	height: 20px;
	width: 20px
}
div#guide .downright {
	background: url(/images/g_arrows.gif) no-repeat 0 -100px;
	text-indent: -5000px;
	float: left;
	height: 20px;
	width: 20px
}
div#guide .right {
	background: url(/images/g_arrows.gif) no-repeat 0 -120px;
	text-indent: -5000px;
	float: left;
	height: 20px;
	width: 20px
}
div#guide .upright {
	background: url(/images/g_arrows.gif) no-repeat 0 -140px;
	text-indent: -5000px;
	float: left;
	height: 20px;
	width: 20px
}
div#dash2 ul#services {
	width: 100%;
	list-style: none
}
ul#services p {
	clear: left;
	padding: 0
}
div#dash2 ul#services li {
	float: left;
	width: 47%;
	margin-right: 2%;
	padding: 25px 0 0 0
}
div#dash2 ul#services li li {
	display: inline;
	width: auto;
	float: none;
	margin: 0;
	padding: 0 .7em 0 0
}
ul#services li ul {
	margin-left: 25px
}
ul#services li h3 {
	float: left;
	padding-left: 5px
}
ul#services span {
	color: #767676;
	padding-left: .2em
}
ul#services span.err {
	color: #c00
}
ul#services li .beta, th span.beta {
	color: #c60;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 3px
}
ul#services li p {
	margin-left: 25px
}
a.startpage, a.email, a.chat, a.calendar, a.webpages, a.docs, a.blogger, a.sites, a.postini, a.webdrive, a.video, a.salesforce, a.appengine, a.contacts {
	background: url(/images/mini_icons.gif) no-repeat;
	width: 20px;
	height: 20px;
	float: left;
	text-decoration: none;
	text-indent: -5000px
}
a.email {
	background-position: 0 -20px
}
a.chat {
	background-position: 0 -40px
}
a.calendar {
	background-position: 0 -60px
}
a.webpages {
	background-position: 0 -80px
}
a.docs {
	background-position: 0 -100px
}
a.postini {
	background: url(/images/icon_postini_20.gif) no-repeat
}
a.webdrive {
	background: url(/images/mini_webdrive.gif) no-repeat
}
a.blogger {
	background: url(/images/mini_blogger.gif) no-repeat
}
a.video {
	background: url(/images/appsvideo.gif) no-repeat
}
a.sites {
	background: url(/images/sites.gif) no-repeat
}
a.appengine {
	background: url(/images/mini_appengine.gif) no-repeat
}
a.salesforce {
	background: url(/images/salesforce-s-16x16.gif) no-repeat
}
a.contacts {
	background: url(/images/mini_contacts.gif) no-repeat
}
div#dash1_2 {
	float: left;
	width: 40%;
	padding: 20px;
	margin: 15px;
	background: #eaf3fd;
	border: 1px solid #c6dff9
}
div#dash2_2 {
	float: left;
	margin: 15px;
	width: 40%
}
div#dash2_2 ul#services {
	width: 100%;
	list-style: none;
	padding: 25px
}
div#dash2_2 ul#services li {
	display: block;
	padding: 0 0 25px 0
}
ul.features {
	list-style-type: none;
	border-top: 1px solid #c6dff9;
	border-bottom: 1px solid #c6dff9;
	margin: 15px 0;
	padding-bottom: 25px
}
ul.features li {
	padding: 25px 40px 0;
	min-height: 34px
}
ul.features .users {
	background: url(/images/user_pic.gif) no-repeat left 25px
}
ul.features .org {
	background: url(/images/org_pic.gif) no-repeat left 25px
}
ul.subtabs {
	margin: 16px 0 20px;
	padding: 0 0 2px 5px;
	border-bottom: 1px solid #c6dff9
}
a.add_link {
	background: #efefef url(/images/add_2.png) 5px center no-repeat;
	padding: 3px 10px 3px 25px;
	font-weight: bold;
	border-top: 1px solid #999;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 1px solid #999;
	line-height: 2.5em;
	text-decoration: none;
	color: #000
}
a.add_link:hover {
	background-color: #ffc
}
a.add_link:active {
	background-color: #ffb;
	border-top: 2px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #666
}
ul#services span.added {
	color: #767676;
	font-weight: bold;
	background: url(/images/nodisplay2.gif) no-repeat;
	padding-left: 15px;
	line-height: 2.5em
}
form#settings td {
	padding: 10px 20px 15px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
form#settings th {
	text-align: right;
	width: 1%;
	vertical-align: top;
	white-space: nowrap;
	padding: 10px 20px 15px 0;
	border-bottom: 1px solid #ccc
}
form#settings tr.finalrow th, form#settings tr.finalrow td {
	border-bottom: none
}
form#settings table {
	border-collapse: collapse;
	width: 100%
}
form#settings .minitable th, form#settings .minitable td {
	padding: 2px;
	margin: 0;
	border: none
}
form#settings table.cleantable td {
	padding: 0;
	margin: 0;
	border: none
}
form#settings table#settingsTable .inheritedRoutesList {
	margin: .75em .25em 0 23px;
	color: #767676;
	font-weight: normal
}
form#settings table#settingsTable th {
	text-align: left;
	padding: 4px 5px
}
table#settingsTable th.row {
	font-weight: normal
}
form#settings table#settingsTable td.rewriteToCell {
	text-align: center;
	padding: 0
}
form#settings table#settingsTable th.rewriteToCell {
	text-align: center;
	padding: 4px 0
}
table#settingsTable td.deleteRowCell {
	text-align: right
}
table#settingsTable fieldset {
	border: 0 none
}
form#settings table#settingsTable td {
	padding: 4px 5px
}
table#settingsTable input#causer {
	font-size: .9em;
	margin: .75em .25em 0 7.75em;
	width: 8.75em
}
.settingGroup .settingEntry {
	clear: left
}
.settingGroup .settingEntry div {
	float: left;
	padding: 0 1em .5em 0
}
.settingGroup .settingDescription {
	text-align: right;
	width: 20%
}
.settingGroup .u {
	margin-left: .8em
}
.settingGroup select {
	margin-left: .3em
}
.settingGroup {
	border-bottom: 1px solid #ccc;
	clear: left;
	float: left;
	padding: 1.5em 0 0 0
}
.lastSettingGroup .settingEntry {
	clear: left
}
.lastSettingGroup .settingEntry div {
	float: left;
	padding: 0 1em .5em 0
}
.lastSettingGroup .settingDescription {
	text-align: right;
	width: 20%
}
.lastSettingGroup .u {
	margin-left: 1.9em
}
.lastSettingGroup select {
	margin-left: .3em
}
.lastSettingGroup {
	border: 0;
	clear: left;
	float: left;
	padding: 1.5em 0 0 0
}
#catchall {
	margin-left: .5em;
	width: 7em
}
.inlinelist li, .inlinelist2 li {
	display: inline;
	padding-right: .7em
}
ul.inlinelist2 {
	display: inline
}
ul.palette {
	clear: left;
	width: 50%
}
ul.palette li {
	float: left;
	width: 50%;
	margin-bottom: 15px
}
ul.palette li.custom {
	width: 100%;
	margin-left: 25px
}
ul.palette li.custom input {
	float: none
}
ul.palette li input {
	float: left
}
ul.palette div {
	margin-left: 25px;
	padding: 5px 0 5px 0;
	width: 100px;
	text-align: center
}
.colorswatch {
	height: 18px;
	width: 20px
}
.colorhover {
	border: 1px solid blue;
	cursor: pointer;
	background: #fff
}
.colorchooser {
	position: absolute;
	display: none;
	z-index: 999;
	cursor: pointer
}
.mono {
	font-family: "Courier New", Courier, monospace;
	display: inline
}
.inlinefield {
	display: inline;
	padding-right: 10px
}
form .inlinefield {
	float: left;
	padding-right: 10px
}
.buttons {
	text-align: center;
	margin-top: 20px
}
.buttons2 {
	margin-top: 20px
}
.mainbutton {
	font-weight: bold
}
.cancel {
	margin: 0 10px
}
.indent {
	margin-left: 25px
}
.imgbox {
	border: solid 1px #ddd;
	padding: 5px;
	height: 60px;
	width: 143px;
	text-align: center;
	color: #767676
}
form#list table {
	width: 100%;
	border-collapse: collapse
}
form#list table.auto {
	width: auto;
	border-collapse: collapse
}
form#list table.calendar td.cell {
	height: 5em;
	width: 5em;
}
* html form#list table {
	width: 99%
}
* html form#list table.auto {
	width: auto
}
form#list .tablebar {
	background: #c2cdd8;
	padding: 4px
}
form#list th {
	background: url(/img/tablebar_bg.png) bottom repeat-x;
	text-align: left;
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #ccc
}
form#list th.no {
	width: 30px;
}
form#list th.name {
	width: 300px;
}
th a.selected {
	background: url(/images/down_2.gif) right no-repeat;
	padding-right: 10px
}
th a.rev_selected {
	background: url(/images/up_2.gif) right no-repeat;
	padding-right: 10px
}
form#list td {
	border-bottom: 1px solid #ccc;
	padding: 2px 4px 2px 4px
}

form#list td a:visited {
	color: #59d
}
form#list tr:hover {
	background: #ffc;
	cursor: pointer
}
form#list tr.prob {
	background: #ff9
}
form#list table.nobox tr {
	height: 2em
}
span.pbar {
	display: block;
	font-size: .1em;
	background: #f4f4f4;
	margin: 5px 3px 0 0;
	width: 100px;
	height: 5px;
	border: 1px solid black
}
span.pbar span {
	height: 5px;
	display: block
}
span.pbar_red span {
	background: #a03
}
span.pbar_yellow span {
	background: #fc3
}
span.pbar_green span {
	background: green
}
span.weak_length {
	color: #a03;
	font-weight: bold
}
span.bar1 {
	float: left;
	font-size: .1em;
	background: #f4f4f4;
	margin: 5px 3px 0 0;
	width: 50px;
	height: 5px;
	border: 1px solid #3a6ac8
}
span.bar1 span {
	background: #b2cffd;
	float: left;
	height: 5px
}
span.bar2 {
	float: left;
	font-size: .1em;
	background: #f6f6f6;
	margin: 5px 3px 0 0;
	width: 50px;
	height: 5px;
	border: 1px solid #000
}
span.bar2 span {
	background: #d40000;
	float: left;
	height: 5px
}
form#list tr.nopoint:hover {
	background: #ffc;
	cursor: default
}
form#list th:hover {
	cursor: auto
}
form#list th ul {
	float: right
}
form#list .tinycol {
	width: 3%
}
form#list .bigcol1 {
	width: 45%
}
.overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
* html .overflow {
	position: absolute;
	width: 100%
}
*+html .overflow {
	float: left
}
======= form#list table {
	width: 100%;
	border-collapse: collapse
}
* html form#list table {
	width: 99%
}
form#list .tablebar {
	background: #c2cdd8;
	padding: 4px
}
form#list th {
	background: url(/img/tablebar_bg.png) bottom repeat-x;
	text-align: left;
	padding: 2px 4px 2px 4px;
	width: auto;
	border-bottom: 1px solid #ccc
}
th a.selected {
	background: url(/images/down_2.gif) right no-repeat;
	padding-right: 10px
}
th a.rev_selected {
	background: url(/images/up_2.gif) right no-repeat;
	padding-right: 10px
}
form#list td {
	border-bottom: 1px solid #ccc;
	padding: 2px 4px 2px 4px
}
form#list td a:visited {
	color: #59d
}
form#list tr:hover {
	background: #ffc;
	cursor: pointer
}
form#list tr.prob {
	background: #ff9
}
form#list table.nobox tr {
	height: 2em
}
span.bar1 {
	float: left;
	font-size: .1em;
	background: #f4f4f4;
	margin: 5px 3px 0 0;
	width: 50px;
	height: 5px;
	border: 1px solid #3a6ac8
}
span.bar1 span {
	background: #b2cffd;
	float: left;
	height: 5px
}
span.bar2 {
	float: left;
	font-size: .1em;
	background: #f6f6f6;
	margin: 5px 3px 0 0;
	width: 50px;
	height: 5px;
	border: 1px solid #000
}
span.bar2 span {
	background: #d40000;
	float: left;
	height: 5px
}
form#list tr.nopoint:hover {
	background: #ffc;
	cursor: default
}
form#list th:hover {
	cursor: auto
}
form#list th ul {
	float: right
}
form#list .tinycol {
	width: 3%
}
form#list .bigcol1 {
	width: 45%
}
.overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
* html .overflow {
	position: absolute;
	width: 100%
}
*+html .overflow {
	float: left
}
div#steps {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px
}
div#steps h2 {
	color: #ccc;
	padding-right: 10px;
	display: inline
}
div#steps ol {
	display: inline
}
div#steps ol li {
	padding-right: 10px;
	font-size: .95em;
	color: #ccc
}
div#steps .current, .current a {
	color: #899dad;
	text-decoration: none;
	font-weight: bold
}
div#steps .next, .next a {
	color: #c3cdd8;
	text-decoration: none
}
div#steps .back, .back a {
	color: #ccc;
	text-decoration: none
}
form#wizard .cancel {
	margin-left: 0
}
div#topsection {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px
}
div#content ol.numbered {
	padding-left: 25px
}
div#content table.mx {
	border-collapse: collapse;
	margin-bottom: 20px;
	width: auto
}
div#content table.mx th {
	text-align: left;
	border-bottom: 1px solid #676767;
	width: auto
}
div#content table.mx th, div#content table.mx td {
	padding: .3em 2em .3em .5em;
	white-space: nowrap
}
div#content table.mx td {
	border-bottom: 1px solid #ccc
}
ul.points {
	list-style: outside;
	margin-left: 2em;
	line-height: 1.5em
}
ul.points > li {
	margin-bottom: 10px;
}
ul.points > li > ul {
	list-style: outside;
	margin-left: 2em;
	line-height: 1.5em
}
div#content table.sample, div#content table.preview {
	border-collapse: collapse;
	width: auto;
	margin-top: 5px
}
div#content table.sample th, div#content table.preview th {
	border: 1px solid #ccc;
	background: #eee;
	padding: 2px 10px;
	text-align: center;
	width: auto
}
div#content table.sample td, div#content table.preview td {
	border: 1px solid #ccc;
	padding: 2px 10px;
	text-align: left
}
div#content table.sample {
	font-style: italic
}
div#content table.sample td, div#content table.sample th {
	color: #767676
}
div#content table.preview th {
	text-align: left
}
div.guideimg {
	float: right;
	padding: 0 0 15px 15px
}
#footer {
	clear: both;
	margin: 2em 0 0 0;
	padding: 2px 0 0 0;
	text-align: center;
	color: #999;
	border-top: 3px solid #59d
}
#footer p {
	font-size: .9em;
	padding: 2px
}
div#tz table {
	width: auto
}
div#tz td {
	border: none;
	padding: 0
}
div#hd {
	padding: 0 0 2em 0
}
a#apps-logo {
	background: url(http://www.google.com/accounts/hosted/apps150x55.gif) no-repeat;
	float: left;
	height: 55px;
	margin: 0 .3em 0 0;
	text-indent: -5000px;
	width: 150px
}
div#hd h1 {
	border-bottom: 1px solid #999;
	color: #666;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0;
	padding: .8em 0 0 0
}
div#hd ul {
	float: right
}
div#hd li {
	font-size: .7em;
	font-weight: normal;
	display: inline;
	padding-left: 6px
}
div#ft {
	border-top: 1px solid #999;
	clear: both;
	color: #999;
	margin: 2em 0 0;
	padding: .5em 0 0;
	text-align: center
}
div#guide div.warning {
	color: #000
}
div#apps-tos-div {
	border: 1px solid #000;
	overflow: auto;
	height: 10em;
	width: 40em;
	font-size: 12px;
	padding: 0 5px;
	margin: 0;
	font-family: monospace
}
.side-column {
	float: right;
	width: 200px
}
.main-column {
	margin-right: 220px
}
.blue-box {
	padding: 10px 10px 0;
	margin-bottom: 20px;
	background-color: #eaf3fd;
	border: 1px solid #c6dff9
}
.side-column fieldset {
	border: 0
}
.side-column legend, .side-column h3 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold
}
.side-column label {
	display: block
}
.side-column input.text {
	width: 175px
}
.side-column .helptxt-right {
	display: block;
	text-align: right;
	color: #999
}
.side-column textarea {
	width: 169px;
	font-family: sans-serif;
	font-size: 12px;
	padding: 3px
}
textarea.inactive {
	color: #767676
}
.side-column .role-select-replacement {
	background-color: #fff;
	border: 1px solid #809DB9;
	height: 1em;
	padding: .2em 1.5em .2em .5em;
	position: absolute
}
.side-column .role-select-replacement span {
	border: .307em solid transparent;
	border-color: #888 red red;
	filter: chroma(color=red);
	height: 0;
	line-height: 0;
	position: absolute;
	right: .384em;
	top: .7em;
	width: 0
}
.side-column .role-select-hidden {
	left: -1000em;
	position: relative
}
div#content .side-column p.note {
	padding: 5px;
	margin-bottom: 1.2em
}
ul.standard_list_indent {
	margin-left: 2.5em
}
ol.standard_list_indent {
	margin-left: 3em
}
.bullet {
	list-style: disc
}
.mx_domain_container {
	margin-left: 50px
}
.mx_domain_content {
	padding-left: 10px
}
.mx_domain_toggle {
	padding-left: 50px
}
.mx_domain_records {
	padding-left: 26px
}
.mx_instructions {
	margin: 10px 0;
	font-weight: bold
}
.mx_change_list {
	padding: 10px 0;
	list-style: none;
	font-weight: normal
}
.ms_config_features {
	padding-left: 50px
}
.ms_config_title {
	font-weight: bold
}
.ms_linked_icon {
	text-decoration: none
}
.ac-renderer {
	position: absolute;
	width: 250px;
	background-color: #fff;
	border: 1px solid #c6dff9;
	padding: 2px
}
.ac-renderer div {
	position: relative;
	padding: 1px 2px;
	cursor: pointer;
	color: #767676
}
.ac-renderer div.active {
	background-color: #eaf3fd;
	color: #000
}
ul.apps-progress-box {
	background: url(/images/processmap/backg.gif) repeat-x bottom;
	border-bottom: 1px solid #ededed;
	margin: 1em 0 0 0;
	padding: 0
}
ul.apps-progress-box li {
	color: #7f7f7f;
	float: left;
	font-weight: bold;
	height: 24px;
	list-style: none
}
ul.apps-progress-box li.apps-current, ul.apps-progress-box li.apps-completed, ul.apps-progress-box li.apps-completed-last {
	background-image: url(/images/processmap/backdb.gif);
	color: #fff
}
ul.apps-progress-box li.apps-completed, ul.apps-progress-box li.apps-completed-last {
	background-image: url(/images/processmap/backlb.gif)
}
ul.apps-progress-box li div {
	background: url(/images/processmap/arrowg.gif) no-repeat center right;
	height: 20px;
	float: left;
	padding: 4px 24px 0 12px
}
ul.apps-progress-box li.apps-current div {
	background-image: url(/images/processmap/arrowdb.gif)
}
ul.apps-progress-box li.apps-completed div {
	background-image: url(/images/processmap/arrowlblb.gif)
}
ul.apps-progress-box li.apps-completed-last div {
	background-image: url(/images/processmap/arrowlb.gif)
}
ul.apps-progress-box li span {
	padding-right: 5px;
	font-weight: normal
}
ul.apps-progress-box li a, ul.apps-progress-box li a:visited, ul.apps-progress-box li a:hover {
	color: #fff;
	text-decoration: none
}
div.apps-progress-content {
	background-color: #fff6c2;
	border: 1px solid #ccc;
	border-top-width: 0;
	padding: .5em 1.5em
}
div#content div.apps-progress-content p {
	margin: 1em 0;
	padding-bottom: 0
}
.apps-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.apps-clearfix {
	display: inline-block
}
* html .apps-clearfix {
	height: 1px
}
.apps-clearfix {
	display: block
}
/**/
table#orderTable {
	border-collapse: collapse;
	font-size: 1.3em;
	margin: 0;
	width: 72%
}
table#orderTable th, td {
	padding: .4em;
	text-align: left
}
table#orderTable td {
	border-top: 1px solid #767676
}
table#orderTable .num {
	padding-right: 1em;
	text-align: right
}
.small {
	font-size: .8em
}
/* Copyright 2009 Google, Inc. All Rights Reserved */
h2 .less {
	font-weight: normal
}
.tablebar {
	text-align: right
}
.tablebar ul.inlinelist {
	padding-top: 5px
}
.tablebar .left-buttons {
	float: left
}
textarea.inactive, input.inactive {
	color: #767676
}
form#list table.new-style .tinycol {
	width: 1%
}
form#list table.new-style td, form#list table.new-style th {
	padding: .3em .5em
}
form#list table.new-style tr.sort-row th {
	background: #dfe5f0 url(/images/sortbar_bg.gif) repeat-x center top
}
form#list table.new-style tr.sort-row a {
	background: url(/images/unsorted_arrow.gif) no-repeat right;
	padding-right: 12px
}
form#list table.new-style tr.sort-row th.tinycol a {
	background: none;
	padding: 0
}
form#list table.new-style tr.sort-row a.selected {
	background-image: url(/images/sorted_arrow.gif)
}
form#list table.new-style tr.sort-row a.rev-selected {
	background-image: url(/images/rev_sorted_arrow.gif)
}
form#list table.new-style tr.user-row, form#list table.new-style tr.group-row, form#list table.new-style tr.address-row {
	cursor: pointer
}
form#list table.new-style tr.empty-row td {
	padding: 2em
}
form#list tr.empty-row:hover {
	background: #fff;
	cursor: default
}
form#create table.permissions td {
	padding: 10px 20px 15px 0;
	margin: 0;
	border-bottom: 1px solid #ccc
}
form#create table.permissions th {
	text-align: right;
	width: 1%;
	vertical-align: top;
	white-space: nowrap;
	padding: 10px 20px 15px 0;
	border-bottom: 1px solid #ccc
}
form#create table.permissions tr.finalrow th, form#create table.permissions tr.finalrow td {
	border-bottom: none
}
form#create table.permissions, form#create table.initial-members {
	border-collapse: collapse;
	width: 100%
}
#create label.main {
	font-weight: bold
}
#create label.main span {
	font-weight: normal
}
form#create table.initial-members {
	margin-bottom: 1em
}
form#create table.initial-members th {
	font-weight: bold
}
form#create table.initial-members th, form#create table.initial-members td {
	text-align: left;
	padding: .3em .5em
}
input.stretch, textarea.stretch {
	width: 98%
}
* html input.stretch {
	width: 90%
}
#nav2 h2 span {
	margin-left: .5em
}
span.group-type {
	color: green;
	font-size: 12px;
	font-weight: normal
}
#nav2 .group-back-link {
	float: right;
	margin: 12px 13px 0 0
}
#nav2 .group-description {
	margin: -4px 0 12px
}
#nav2 .group-buttons {
	margin: 12px 0 18px
}
form.add-invite-users .add-title {
	background: url(/images/small_plus.gif) no-repeat center left;
	padding: 0 1em 0 14px
}
form.add-invite-users div {
	overflow: hidden
}
form.add-invite-users p.add-field {
	float: left;
	position: relative;
	margin: .3em 2% 0 0;
	white-space: nowrap
}
form.add-invite-users input.stretch {
	width: 100%
}
form.add-invite-users p.name-field {
	width: 20%
}
form.add-invite-users p.email-field {
	width: 25%
}
form.add-invite-users p.button-field {
	margin-right: .5em
}
form.add-invite-users .top-row, form.add-invite-users .top-row-higher {
	position: absolute;
	top: -1.2em;
	white-space: nowrap
}
form.add-invite-users .top-row-higher {
	top: -1.8em
}
form.add-invite-users textarea {
	width: 98%;
	height: 6em;
	margin: .4em 0
}
form#list table.new-style .tablebar .list-title {
	float: left;
	padding: 3px 0 0 5px
}
form#list table.new-style .tablebar input.search {
	float: right
}
form#list table.new-style .tablebar-top {
	background: #c2cdd8 url(/img/tablebar_bg.png) repeat-x top
}
form .hover-role-select {
	background: url(/images/hover_select_arrow.gif) no-repeat right
}
form .hover-role-select span {
	position: absolute
}
form .hover-role-select select {
	position: relative;
	left: -10000px;
	margin: -2px 0
}
form .hover-role-select-on span {
	display: none
}
form .hover-role-select-on select {
	left: auto
}
form#settings table.permissions th, form#create table.permissions th {
	padding-top: 18px
}
form#settings table.permissions th, form#create table.permissions th, form#settings table.permissions td, form#create table.permissions td {
	border-bottom: 0
}
form#settings table.permissions tr.finalrow th, form#create table.permissions tr.finalrow th, form#settings table.permissions tr.finalrow td, form#create table.permissions tr.finalrow td {
	border-top: 1px solid #ccc
}
form#settings table.permissions tr.subhead-row th, form#create table.permissions tr.subhead-row th, form#settings table.permissions tr.subhead-row td, form#create table.permissions tr.subhead-row td {
	border-bottom: 1px solid #ccc;
	color: #767676;
	padding-bottom: 6px;
	text-align: left
}
ul.group-types {
	overflow: hidden
}
#detailed-permissions {
	margin-top: -2em
}
ul.group-types li {
	float: left;
	width: 24%;
	margin: 0;
	padding: 0
}
ul.group-types li input {
	float: left;
	margin: 0 0 0 .5em
}
ul.group-types li label, ul.group-types li span {
	padding: 0 0 .5em 2em;
	display: block
}
.permission-slider {
	overflow: hidden
}
.permission-slider span.option-set {
	float: left
}
.permission-slider span.option-set span {
	float: left
}
.permission-slider span.option-set span.selected, .permission-slider span.option-set span.moderated {
	background: url(/images/ps_sel_bg.gif) repeat-x top center;
	font-weight: normal
}
.permission-slider span.option-set span.moderated {
	background-image: url(/images/ps_mod_bg.gif)
}
.permission-slider span.option-set input {
	float: left;
	margin: 7px 5px 0 5px;
	*margin-top: 2px
}
.permission-slider span.option-set label {
	background: transparent none no-repeat scroll top right;
	float: left;
	height: 16px;
	line-height: 16px;
	padding: 5px 2em 5px 0;
	white-space: nowrap
}
.permission-slider span.option-set span.last-selected label {
	background-image: url(/images/ps_sel_end.gif)
}
.permission-slider span.option-set span.last-moderated label {
	background-image: url(/images/ps_mod_end.gif)
}
.permission-slider span.option-set span.selected-moderated label {
	background-image: url(/images/ps_sel_mod.gif)
}
.permission-slider span.option-set span.first {
	border-left: 1px solid #c6dff9
}
.modal-dialog-bg {
	position: absolute;
	background-color: #999;
	top: 0;
	left: 0;
	z-index: 1000
}
.modal-dialog {
	position: absolute;
	padding: 8px;
	background-color: #c1d9ff;
	border: 1px solid #3A5774;
	font-family: arial, sans-serif;
	width: 475px;
	color: #000;
	z-index: 1001
}
.modal-dialog a, .modal-dialog a:link, .modal-dialog a:visited {
	color: #06c;
	cursor: pointer
}
.modal-dialog-title {
	position: relative;
	background-color: #e0edfe;
	color: #000;
	padding: 8px 15px 8px 8px;
	font-size: 12pt;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand
}
.modal-dialog-title-close {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 15px;
	height: 15px;
	background: url("img/dialog_close_box.gif") no-repeat center;
	cursor: default
}
.modal-dialog-content {
	padding: 8px;
	background-color: #fff
}
.modal-dialog-content p {
	margin: 0 0 1em
}
.modal-dialog-buttons {
	padding: 8px;
	background-color: #fff
}
ul.alpha {
	text-align: center;
}
.top {
	margin: 0 10px 20px;
}
.bottom {
	margin: 20px 10px 0;
}
ul.alpha li {
	display: inline;
	margin: 0 5px 0;
}
ul.alpha a {
	font-weight: bold;
	font-size: 1.2em;
}
.d2 {
	width: 20px;
}
.d4 {
	width: 30px;
}
.input300 {
	width: 300px;
}
textarea.input300 {
	height: 200px;
}
.required {
	color: red;
	font-weight: bold;
}
dl {
	margin: 0;
	padding: 0;
}
dt {
	font-weight: bold;
	line-height: 1em;
	width: 30px;
	margin: 0;
	padding: 0;
	text-align: right;
}
dd {
	position: relative;
	top: -1em;
	margin: 0 0 0 30px;
	padding: 0;
	line-height: 1em;
	z-index: 1;
}
.greybg {
	background-color: #EEE;
}
.incomplete {
	border: 2px solid red;
}
th.no {
	width: 60px;
}
th.name {
	width: 600px;
}
td.header {
	width: 200px;
}
td.namelist {
	width: 200px;
}
td.names div {
	margin-left: 60px;
}
td.names div.correct {
	margin: 5px 0;
	font-size: 1.5em;
	font-weight: bold;
}
td.names div .answer {
	color: red;
}
td.names div.correct {
	color: #AAA;
}
td.names div.correct .answer {
}
a.arrdown {
	padding: 0 12px 0 0;
	background: url(/images/pulse_downshift.png) no-repeat bottom right;
}
a.arrup {
	padding: 0 12px 0 0;
	background: url(/images/pulse_upshift.png) no-repeat bottom right;
}
table.errmsg {
	margin: 0 auto 20px;
	border-collapse: collapse;
}
table.errmsg td {
	margin: 0;
	padding: 0;
}
td.mc {
	padding: 10px;
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: #fff1a8;
}
.link {
	text-decoration: underline;
	cursor: pointer;
	margin-left: 5px
}
.tc, .bc {
	height: 4px;
	background: #fff1a8;
	color: #000;
}
.ml, .mr {
	width: 4px;
	background: #fff1a8;
	color: #000;
}
.tl {
	background: url(/images/rc.png) no-repeat 0 0;
	background-color: transparent;
	width: 4px;
	height: 4px;
}
.tr {
	background: url(/images/rc.png) no-repeat -4px 0;
	background-color: transparent;
	width: 4px;
	height: 4px;
}
.bl {
	background: url(/images/rc.png) no-repeat 0 -4px;
	background-color: transparent;
	width: 4px;
	height: 4px;
}
.br {
	background: url(/images/rc.png) no-repeat -4px -4px;
	background-color: transparent;
	width: 4px;
	height: 4px;
}
.rss_link
{
	background: url(/images/rss_icon.jpg) no-repeat;
	padding-left: 16px;
	margin-right: 16px;
	line-height: 16px;
}