
table {
    border: none;
    border-collapse: separate;
}

.summarylist {
	font-size: 75%;
	font-weight: normal;
}
.hotletters {
	font-size: 75%;
	font-weight: normal;
}

.contact_edit_panel {
	overflow:hidden; 
	width:250px;
	float: left;
}

table.rhspanel { border: 1px solid #cccccc; background: white; width: 160px; }
table.controlpanel {
  border-left: 1px solid #e6d8d8;
  border-right: 1px solid #e6d8d8;
  border-bottom: 1px solid #e6d8d8;
  height: 40px;
}

table.greyborder {
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
table.whiteborder {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.bgcolor{
  background-color: #e6d8d8;
}
.bgcolor_light{
  background-color: #f3eaeb;
}


td.colorunderline{
  border-bottom:solid #e6d8d8 2px;
}

table.subtitlebar { 
	height: 60px; 
	background-color: #c9e6ec; 
}
div.subtitlebar { 
	font-size: 18pt; 
	font-family: verdana; 
	font-weight: normal; 
	color: #0292b7; 
	padding-left: 30px; 
}

div#negative-message {
	padding-top: 10px; 	
	padding-bottom: 10px; 	
	padding-left: 30px; 	
	color: #ffffff; 
	background-color: #5c5c5c; 
	border: 1px solid red;
	font-weight: bold; 
}
div#positive-message {
	padding-top: 10px; 	
	padding-bottom: 10px; 	
	padding-left: 30px; 	
	color: #3cae3d; 
	background-color: #e6e6e6;
	font-weight: bold; 
	border-left: #ff7e00 1px solid;
}

th { margin: 0; padding: 0; text-align:left; }
td { margin: 0; padding: 0; }
img { border: none; }


/* for making tables expand to full width and/or height*/
.fullwidth { width: 100%; }
.fullheight { height: 100%; }

/* e.g. used for margin type indents */
.indent { padding-left: 60px; }
.alignright { text-align: right; }
.alignmiddle { text-align: center; }
.valignmiddle { vertical-align: middle; }
.valigntop { vertical-align: top; }
.valignbottom { vertical-align: bottom; }

/* e.g. <span class="pad"/> will add a 12px space, neater than using spacer.gif */
.padleft { padding-left: 12px; }
.padtop { padding-top: 12px; }
.padright { padding-right: 12px; }
.padbottom { padding-bottom: 12px; }

.nudgetop { padding-top: 3px; }
.nudgeright { padding-right: 3px; }
.nudgebottom { padding-bottom: 3px; }
.nudgeleft { padding-left: 3px; }

.stdpad { padding-right: 19px; }
.stdpadbottom { padding-bottom: 19px; }

.formlabel { 
	font-weight: bold;
}
.formelement { 
	padding-top: 5px;
	vertical-align: top;
}

/* form elements */
input.edit { border: solid 1px black; }
input.light { border: solid 1px #cecf9c; }
input.long { width: 150px; }
input.verylong { width: 250px; }
input { margin-bottom: 0px; }
textarea.edit { border: 1px solid black; font-size:80%; font-family: verdana,arial}
textarea.light { border: 1px solid #cecf9c; font-size:80%; font-family: verdana,arial}

.warn { font-weight:bold; color:red; }
.title { font-size: 26px; color: #990000; padding-left: 10px; padding-right: 10px; }
.disabledlink { color:#ff3300; font-weight: bold; }
.red { color: red; }
.alertText { color:#990000; font-weight: bold; }
.super { vertical-align: super; }

/*Used in contacts summary for selected contacts.*/
td.list { height: 20px }
td.selected { background-color: #ffc1b2; padding-top:2px; padding-bottom:2px}
td.normal { background-color: transparent; padding-top:2px; padding-bottom:2px}
td.selected_divider { background-color: #ffc1b2; border-top: solid #cecf9c 1px; padding-top:2px; padding-bottom:2px}
td.normal_divider { background-color: transparent; border-top: solid #cecf9c 1px; padding-top:2px; padding-bottom:2px}

/*Used by contacts summary apges*/
td.leftborder { border-left: 2px solid #cecf9c; }
td.bottomborder { border-bottom: 1px solid #cecf9c; }
table.rightborder { border-right: 1px solid #cecf9c; background:white}

ul {
    list-style-type: disc;
}

ul.compact {
    line-height: 7px;
    margin-top: 15px;
}

td.loginbox {  }
td.loginboxlight {  }
td.filled {  }

/*front page*/
li.small{margin:0px;}
ul.small{margin-top: 0px; margin-bottom: 0px;}
td.title{font: 22px verdana; color:#666666;}


/*Top controller panels on media pages.*/
td.topcontrol { background-color:#efefe7; border-bottom: solid #cecf9c 1px; }


/*Tips on empty media pages.*/
table.tip {
 background-color:#efefe7; border: solid #cecf9c 1px; margin-left:5px; margin-top:5px; margin-bottom:5px; margin-right:5px;
}

/*Floating hint window*/
span.floater {
  overflow: visible;
  cursor: pointer;
  position:absolute;
  left:-1000;
  top:-1000;
  display:none;
}

.vsmall { font-size: 70%; }
.vvsmall { font-size: 65%; }

h1 { font-size:140%; font-weight:normal; color:black; margin-bottom:10px; }
h2 { font-size:100%; font-weight:bold; margin-bottom:2px; }

h1.login { color: #e59364; font-size:110%; font-weight:bold; margin-bottom:5px; margin-top:15px}
b.login { color: #e59364; }

.heading { font-size:140%; color:black; }
.subheading { font-size:100%; color:grey; font-weight:bold; }
.subsubheading { font-size:90%; color:#999999; font-weight:bold; }

/* Added by Patni */
/* Explore tab */
h1.explore { font-size:140%; font-weight:bold; color:#FF6600; }
h1.exploregrey { font-size:140%; font-weight:bold; color:#666666; }
h2.explore { font-size:120%; font-weight:bold; color:#FF6600; }
h2.exploregrey { font-size:120%; font-weight:bold; color:#666666; }
p.explore { font-size:100%; font-weight:normal; color:#666666; }
p.title { font-size:100%; font-weight:bold; color:#FF6600; }
p.subtitlegrey { font-size:100%; font-weight:normal; color:#666666; }

	
ul.explore {font-size:100%; font-weight:normal; color:#666666; margin-top:0px; margin-bottom:0px;}
.caps {
	text-transform:uppercase;
}

.padleft20 {padding-left:20px;}
.padtop20 {padding-top:20px;}
.padright30 {padding-right:30px;}
.padleft30 {padding-left:30px;}
.padtop30 {padding-top:30px;}
.padbottom30 {padding-bottom:30px;}
.padline {border-top:#cccccc 1px solid; margin-left:30px; margin-right:30px;}

.topmargin3 {margin-top:3px;}
.bottommargin3 { margin-bottom:3px;}


.providerboxes{
  background-color:#eef8fa; 
  border-style:none;
  width:100%;
  }
.homeboxes{
  background-color:#f1f9fb; 
  color:#646567;
  padding-bottom:10px;
  border-width:1px;
  border-style:solid;
  border-color:#0093b9;  
}

.roundbox {
	border:0;
	background-color:#f2f9fb;
}
.helpbox {
	border:0;
	background-color:#f2f9fb;
	width:225px;
}
.hidden {
	display: none;
}
/* End of Added by Patni */

/*Used by several pages (e.g. my account page) for softer headings.*/
td.greyheading { font-size:160%; color: #aaaaaa; }
td.greysubsubheading { font-size:70%; color: #aaaaaa; }
td.heading { font-size:140%; color: #000000; }


dt { margin-top:10px; margin-bottom:2px; font-weight:bolder; }
dd { color: #bbbbbb; }

.contactlabel { font-weight:normal; padding-top: 9px; padding-bottom:4px; }
.shareitlabel { font-weight:bold;   padding-top: 9px; padding-bottom:4px; }

/*Used for warning blocks (see include/showwarnings.jsp)*/
p.warning { font-size:100%; font-weight:bold; color:red;}
td.warning { font-size:80%; border: 2px solid red; color:red }
td.warnings { font-size:80%; border: 2px solid red; color:red }
li.warning { font-size:80%; }
span.warning { color:red; }

td.head { font-weight:bolder; font-size:110%; border-bottom:solid 1px #cccccc }
td.foot { font-weight:bolder; font-size:110%; border-top:solid 1px #cccccc }
td.splashtext { font-size:120%; font-weight: bolder; color: #0066cc; }

/*Used by emailselector and setpagesize*/
td.lightunderline { border-bottom:solid #cccccc 1px; }
td.underline { border-bottom:solid #000000 1px; }

/*Used by order and subscribe*/
td.large {font-weight:bolder; font-size:110%;}

span.grey { color:#aaaaaa; }

/*used by controller panel for contacts.*/
span.active { font-weight:bolder; }
span.inactive { font-weight:normal; }

.layer_hidden { display:none; }
.layer_visible { display:block; }

hr
{
background-color:transparent;
color:black;
height:1px;
width:100%;
}

/*Self Prov createAccount pages*/
input.spwidth {width: 300px;border: 1px solid #000000;}
/*Self Prov third party verify pages*/
input.tpspwidth {width: 250px;border: 1px solid #000000;}
/*Used by security questions drop down list in selfprov*/
select.setwidth { width: 300px; }

/*used by provisioning javascript*/
td.active { border:solid #000000 2px; }
td.inactive { border:solid #ffffff 2px; }


hr.black { color:#000000; height:2px; }

/*Used by gallery hidden div selector in media album*/
span.popup { display:none; position:absolute; overflow: auto; border:2px solid black; background-color: #efefe7}

/*Used for contact summary fields.*/
pre.show {
  background-color:transparent; border:none
}

li { margin-bottom:10px; }

input {border: none}
input.alignright {text-align: right}
input.black {border: 1px solid #000000;width: 220px;}
input.small {font: 10px verdana,helvetica,arial,sans-serif;}

textarea.show { border: 1px solid #CCCC99; font-family: verdana,helvetica,arial,sans-serif; background-color:transparent; }

.separator { border-left-style: solid; border-left-width:2px; }

span.logintext {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0100CC;text-decoration: none;
}

.borderedboxes{
  background-color:#f1f9fb;
  color: #646567;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;

  border-width: 1px;
  border-style: solid;
  border-color: #0093b9;  
}

.semiborderedboxes{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;

  border-top: 1px;
  border-bottom: 1px;
  border-left: 0px;
  border-right: 0px;
  border-style: solid;
  border-color: #0093b9;  
}


.small{
  font-size: 85%;
  text-align: left;
}
.smallbold{
  font-weight: bold;
  font-size: 85%;
  text-align: left;
}
span.smaller{
  font-size: 80%;
}

/*index page*/

span.whatsnewtitle {
  font: 18px Verdana, Arial;
  color: #000000;
  margin-bottom:5px;
}

table.news{
  background-color:#cccccc;
}
table.share{
  background-color:#f0f0f0;
}

td.lhscomment{
  background-color:#c4a0a0;
}

td.logocolour1{
  background-color:#ff3300;
  width: 66%;
}
td.logocolour2{
  background-color:#ffad2d;
  width: 33%;
}


/* tour pages */

td.tourpadding { padding-bottom: 19px; }

img.header{
  border: 1px solid #e9dcdc;
}

span.toursubtitletext{
  font: 16pt Verdana, Arial;
  color: #a67171;
}

td.dividerline{
  border-bottom: 1px solid #dddddd;
}


/* error pages */
td.errortext{
  font: 18px verdana; color:#666666;
}

/* photosharing */
select.destinations{
  width: 235px;
}

/*tour pages*/
img.tour{  border: 1px #333333 solid; }


/* pmedia updates table */
table.pmedia {
 font-size: smaller;
}
span.pmedia{
 font-size: 10px;
}

div.smallgap{
  position:relative;
  width:1px;
  height:100%;
  z-index:1;
  background-color: #ffffff;
  visibility:visible;
}

td.autoupdate{
  font-size: smaller;
  background-color:red;
  color: black;
  border-style: solid;
  border-color: #bebebe;
  border-width: 1px;
}

td.noautoupdate{
  font-size: smaller;
  border-style: solid;
  border-color: #bebebe;
  border-width: 1px;
}

/* pmedia/shareit home pages */
table.message {
  border-top: 2px solid #FFAE30;
  border-left: 2px solid #FFAE30;
  border-right: 2px solid #FFAE30;
  border-bottom: 2px solid #FFAE30;
}
td.message { border: 2px solid #FFAE30; }
.messagetext{
  color: #800000;
}

span.indextext{
  font-size: 16pt;
}


/* specific to provisioning wizards */
.command { text-transform: capitalize; font-weight:bold;}
.note {	background-color: #f2f2f2; padding: 10px 10px 10px 10px;}
.subTask { border: 1px solid #DDDDDD; padding-left: 1em; padding-right: 1em; background-color: #F3EBEB; }
ol { line-height: 150%; }


