body {
    padding:0px;
    margin:0px;
    background-color:#FFF;
    font: normal normal 11px verdana;
}

.container {
    width:840px;
    margin:auto;
}

.containerTopLogo {
    display:none;
}

.containerTopLogin {
    padding-top:20px;
    padding-right:20px;
    float:right;
    width:500px;
    text-align:right;
    height:55px;
}

.containerText {
    background: url(../imgs/backtext.gif) repeat-y;
    height:110px;
}

.containerSep {
    background: url(../imgs/sep.gif) repeat-x top left;
    height:11px;
}

.containerContent {
    padding:40px;
}

.clear {
    clear:both;
}

.paddingSmall {
    padding-bottom:20px;
}

/*******************************************************************************
    images
*******************************************************************************/

.logo {
    background: url(../imgs/logo.gif) no-repeat 20px 15px ;
    height:80px;
    width:260px;
    float:left;
}

/*******************************************************************************
    link
*******************************************************************************/

a {
    font: normal normal 10px verdana;
    color:black;
    text-decoration: none;
}

a:hover {
    font: normal normal 10px verdana;
    color:#346793;
    text-decoration: none;
}

a.learnmore {
    background: url(../imgs/learnmore.gif) no-repeat center right;
    font: normal normal 10px verdana;
    color:#346793;
    text-decoration: none;
    padding-right:12px;
}

a.learnmore:hover {
    font: normal normal 10px verdana;
    color:#346793;
    text-decoration: none;
}

a.big {
    font: normal normal 11px verdana;
    color:#346793;
    text-decoration: underline;
}

a.big:hover {
    font: normal normal 11px verdana;
    color:#346793;
    text-decoration: underline;
}

a.blue {
    font: normal normal 11px verdana;
    color:#346793;
    text-decoration: none;
}

a.blue:hover {
    font: normal normal 11px verdana;
    color:#346793;
    text-decoration: underline;
}

a.linkDocument {
    font: normal normal 12px verdana;
    font-weight:bold;
    color:black;
    text-decoration: none;
}

a.linkDocument:hover {
    font: normal normal 12px verdana;
    font-weight:bold;
    color:#666666;
    text-decoration: none;
}

a.footerLink {
    font: normal 10px verdana;
    color:#666666;
    text-decoration: none;
    padding-left:10px;
    padding-right:10px;
}

a.footerLink:hover {
    font: normal 10px verdana;
    color:#222;
    text-decoration: none;
}

/*******************************************************************************
    text
*******************************************************************************/

.justify {
    text-align:justify;
}

.bold {
    font-weight:bold;
}

.center {
    text-align:center;
}

.small {
    font: normal normal 10px verdana;
}

.bigContent {
    color:#346793;
    font: normal bold 24px verdana;
    padding-left:60px;
}

.medium {
    color:#346793;
    font: normal bold 12px verdana;
}

.title {
    color:#346793;
    font: normal bold 16px verdana;
}

.content {
    color:#333333;
}

.news {
    font: normal normal 12px verdana;
    font-weight:bold;
}

.sectionTitle {
    padding-left:100px;
    padding-top:60px;
    height:90px;
    font:bold 24px arial;
    color:#346793;
}


.items {
    background: url(../imgs/arrow.gif) no-repeat 2px;
    padding-left:12px;
    font:normal normal 11px verdana;
}

.iconPadding {
    padding-left:35px;
}

.iconOrganizer {
    background: url(../imgs/icon_feature_organizer.png) no-repeat top left;
}

.iconAddressBook {
    background: url(../imgs/icon_feature_addressbook.png) no-repeat top left;
}

.iconDocument {
    background: url(../imgs/icon_feature_document.png) no-repeat top left;
}

.iconNote {
    background: url(../imgs/icon_feature_note.png) no-repeat top left;
}

.iconTodo {
    background: url(../imgs/icon_feature_todo.png) no-repeat top left;
}

.iconAlbumPhoto {
    background: url(../imgs/icon_feature_photoalbum.png) no-repeat top left;
}



.iconBoomark {
    background: url(../imgs/icon_feature_bookmark.png) no-repeat top left;
}

/*******************************************************************************
    form
*******************************************************************************/

.inputForm {
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #B6B6B6;
	padding: 2px;
	font:normal normal 10px verdana;
}

.textareaForm {
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #B6B6B6;
	padding: 2px;
	font:normal normal 10px verdana;
	width:250px;
	height:80px;
}

.textareaFormLink {
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #B6B6B6;
	padding: 2px;
	font:normal normal 10px verdana;
	width:550px;
	height:45px;
}

.inputSubmit {
    border: 3px double #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    background-color: #f2f2f2;
    color: #333333;
    font-size: 10px;
    font:normal bold 10px verdana;
}

.formItem {
    width:130px;
    display:block;
    float:left;
}

.formItemBig {
    width:180px;
    display:block;
    float:left;
}

fieldset {
    padding: 10px;
    border: 1px solid #C5C5C5;
    background-color: #F8F8F8;
}

fieldset legend {
    padding: 0px 2px;
    margin-left: 10px;
    color: #32638D;
    font: bold 11px verdana;
}


/*******************************************************************************
    news 
*******************************************************************************/

.newsContent {
    border-top-width:1px;
    border-top-color:#b2b2b2;
    border-top-style:solid;
    width:550px;
    padding-top:20px;
}

.containerNews {
    display:none;
}

.titleNews {
    background: url(../imgs/backnews.gif) repeat-x;
    height:21px;
    padding-top:8px;
    padding-left:20px;
    font: normal bold 12px verdana;
    color:white;
}

.contentNews {
    background-color:#f9f9f9;
    padding:10px;
}


.itemsNews {
    background: url(../imgs/arrow.gif) no-repeat 2px;
    padding-left:12px;
    font:normal bold 11px verdana;
}

.descriptionNews {
    padding-left:12px;
    font:normal normal 11px verdana;
}

/*******************************************************************************
    menu 
*******************************************************************************/

.menuLayout {
    display:none;
}

.menuItemActive {
    width:110px;
    height:18px;
    float:left;
    text-align:center;
    padding-top:6px;
}

a.menuLink {
    color:#3f3f3f;
    font:normal bold 12px verdana;
    text-decoration:none;
}

a.menuLink:hover {
    color:#346793;
    font:normal bold 12px verdana;
    text-decoration:none;
}

a.menuLinkSelected {
    color:#346793;
    font:normal bold 12px verdana;
    text-decoration:none;
}

a.menuLinkSelected:hover {
    color:#346793;
    font:normal bold 12px verdana;
    text-decoration:none;
}

.menuSep {
    background: url(../imgs/menusep.gif) repeat-x;
    width:2px;
    float:left;
    height:26px;
    padding-top:0px;
}


.topMenu {
    padding-left:15px;
    margin-left:20px;
}

.topMenuHome {
    background: url(../imgs/home.gif) no-repeat center left;
    font: normal normal 10px verdana;
    color:#727272;
    text-decoration: none;
}

.topMenuContact {
    background: url(../imgs/contact.gif) no-repeat center left;
    font: normal normal 10px verdana;
    color:#727272;
    text-decoration: none;
}

.topMenuNews {
    background: url(../imgs/news.gif) no-repeat center left;
    font: normal normal 10px verdana;
    color:#727272;
    text-decoration: none;
}

.topMenuActive {
    border-bottom:1px solid #DADADA;
    padding-bottom:5px;
}

/*******************************************************************************
    sub menu 
*******************************************************************************/

.subMenu {
    background: url(../imgs/borderright.gif) no-repeat  top right;
    width:50px;
    height:270px;
    padding-top:30px;
}

.subMenuItemActive {
    width:140px;
    height:25px;
    float:left;
    text-align:right;
    padding-top:10px;
    padding-right:10px;
    border-bottom-width:1px;
    border-bottom-style:dotted;
    border-bottom-color:#e6e6e6;
    background-color:#f5f5f5;
}

.subMenuItem {
    width:140px;
    height:25px;
    float:left;
    text-align:right;
    padding-top:10px;
    padding-right:10px;
    border-bottom-width:1px;
    border-bottom-style:dotted;
    border-bottom-color:#e6e6e6;
    background-color:#FFF;
}

.subMenuActiveText {
    font:bold 10px verdana;
    color:#39546b;
}

a.menuSubLink {
    color:#3f3f3f;
    font:bold 10px verdana;
    text-decoration:none;
}

a.menuSubLink:hover {
    color:#346793;
    font:bold 10px verdana;
    text-decoration:none;
}

/*******************************************************************************
    copy & newsletter
*******************************************************************************/

.newsletter {
    padding-top:60px;
}

.footer {
    margin-top:35px;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#b1b1b1;
    color:#666666;
    padding-bottom:10px;
}

/*******************************************************************************
    result
*******************************************************************************/

#result {
    padding-top:15px;
    padding-left:20px;
    font:normal bold 12px verdana;
}

.msgResult {
    width:250px;
    background-color: #FFFFD5;
    border:1px solid #DC9987;
    text-align:center;
}

/*******************************************************************************
    Moo
*******************************************************************************/

div.toggler {
	padding: 4px 10px;
	color: #575757;
	background-color: #EBEBEB;
	margin-bottom:5px;
	font:normal bold 10px verdana;
	cursor:pointer;
}

.element {
    padding-left:20px;

}

/*******************************************************************************
    table
*******************************************************************************/
td {
    font:normal 11px verdana;
    border-bottom-color:#DDD;
    border-bottom-width:1px;
    border-bottom-style:solid;    
}

td.center {
    text-align:center;
}

td.heading {
    background: #DDDDDD;
    font-weight:bold;
}


li {
    list-style-image: url(../imgs/arrow.gif);
}

.addfriend {
    padding-top:10px;
}

/*******************************************************************************
    coding
*******************************************************************************/

pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	background-color: #F3F3F3;
	border: 1px solid #DADADA;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

h1,h2,h3 {
	margin: 2px 0;
}

h2 {
	border-bottom: 1px solid #a4a4a4;
}

.returnLink {
	text-align: right;
	background-color: #F3F3F3;
	border: 1px solid #DADADA;
	padding: 3px;
	font-weight: bold;
}

.rightBlock {
	background-color: #F3F3F3;
	border: 1px solid #DADADA;
	float: right; 
	width: 200px; 
	padding: 10px;
}

.contents ul {
	list-style-type: upper-roman;
	margin: 0;
	padding: 2px 2px 2px 35px;
}
.contents ul li {
	font-weight: bold;
}
.contents ul li ul {
	list-style-type: upper-alpha;
	padding: 2px 2px 2px 35px;
}
.contents ul li ul li {
	font-weight: normal;
}

.header h2 {
	border: none;
}
.contents {
	float: left;
	width: 550px;
	margin-right: 10px;
}
.contents h2 {
	border: none;
}
.mainBlock {
	float: left;
}

/*******************************************************************************
    support
*******************************************************************************/

fieldset.support {
    height:60px;
    border: 1px solid #C5C5C5;
    background-color: #FBFBFB;
    width:265px;
    float:left;
    padding-top:10px;
    padding-left:80px;
    padding-bottom:10px;
    margin:10px;
}

.supportVideo {
    background: url(../imgs/iconsupportvideo.png) no-repeat 5px 5px;
}

.supportDoc {
    background: url(../imgs/iconsupportdoc.png) no-repeat 5px 5px;
}

.supportEmail {
    background: url(../imgs/iconsupportemail.png) no-repeat 5px 5px;
}

.supportFAQ {
    background: url(../imgs/iconsupportfaq.png) no-repeat 5px 5px;
}

.supportSubmit {
    background: url(../imgs/iconsupportsubmit.png) no-repeat 5px 5px;
}

.supportBug {
    background: url(../imgs/iconsupportbug.png) no-repeat 5px 5px;
}