/*########################
Radio
########################*/
.radio_header {
color:#fff;
padding:4px;
}
body {
background:#fff url(http://www.cambodianchristian.com/home/design/pic/cc_bground/background_ccc.gif);
color:#000;
text-align:center;
margin-left:auto;
margin-right:auto;
font-size:9pt;
font-family:verdana, helvetica, arial;
margin-bottom:20px;
margin-top:0px;
}
img {
border:0px;
}
a {
color:#0699FE;
text-decoration:none;
}
a:hover {
color:#0699FE;
text-decoration:none;
}
table, td, th {
font-size:9pt;
}
input {
background:#fff;
border:1px #000 solid;
font-size:10pt;
color:#000;
}
.inputmain {
background:#fff;
border:1px #fff solid;
font-size:10pt;
color:#000;
}
textarea {
background-color:#F6F6F6;
border:1px #D9D9D9 solid;
font-size:8pt;
color:#000;
}
.textarea {
background-color:#fff;
border:1px #D9D9D9 solid;
font-size:8pt;
color:#000;
}
/*########################
MAIN SURR.
########################*/
#outer {
width:920px;
margin-left:auto;
margin-right:auto;
font-size:8pt;
text-align:left;
}
/*########################
INPUT BUTTONS / FORMS
########################*/
.button {
background:#195B85;
color:#fff;
border:1px #fff solid;
font-size:8pt;
cursor:pointer;
}
.button2 {
background:#3E99DA;
color:#fff;
border:1px #fff solid;
font-size:8pt;
cursor:pointer;
}
.input {
background:#f1f1f1;
border-right:2px #344D71 solid;
border-bottom:2px #344D71 solid;
border-top:2px #6689AA solid;
border-left:2px #6689AA solid;
font-size:8pt;
color:#000;
}
.input2 {
background:#B4E9FF;
border:2px #FF0052 solid;
font-size:8pt;
}
.input3 {
background:#000;
border:1px #fff solid;
font-size:8pt;
color:#fff;
}
.input4 {
background:#000;
border:1px #459DCF solid;
font-size:8pt;
color:#fff;
}
/*########################
IMAGES
########################*/
.pic1 { border:3px #cccccc solid; }
.pic2 { border:3px #cccccc solid; }
.pic3 { border:2px #cccccc solid; }
.pic4 { /*filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;*/ border:1px #fff solid; }
.pic5 { border:1px #ccc solid; }
.pics1 {
}
.pics4 {
}
.pics2 {
}
.pics3 {
}
.wrap1 {
}
.wrap2 {
}
.wrap3 {
}
.wrap4 {
}
.wrap5 {
}
.wrap5 img {
}
/*########################
TOP AREA
########################*/
#top .top_text a { color:#fff; }
#top .top_text a:hover { color:#54A4DE; }
#top .top_text { color:#000; }
#top {
background:#fff url(http://www.cambodianchristian.com/home/design/pic/cc_bground/login_b.jpg);
width:100%;
border-left:1px #d9d9d9 solid;
border-right:1px #d9d9d9 solid;
color:#fff;
}
#top td {
color:#993300;
}
#top input,select {
font-size:8pt;
background:#fff;
color:#000;
}
#top a {
font-size:8pt;
color:#3399ff;
}
#top a:hover {
font-size:8pt;
color:#993300;
text-decoration:underline;
}
.top2 {
background:#fff;
border-top:10px #fff solid;
}
/*########################
MENU LINKS
########################*/
#outer2 {
background:#fff;
border-left:1px #D9D9D9 solid;
border-right:1px #D9D9D9 solid;
text-align:center;
}
.menu {
border-bottom:2px #fff solid;
background:#fff;
height:30px;
padding-left:5px;
padding-right:5px;
cursor:pointer;
color:#003366;
font-size:7pt;
font-weight:bold;
}
.menu a {
color:#15317E;
font-size:8pt;
text-decoration:underline;
font-weight:bold;
}
.menu2 {
background:#3E99DA;
height:30px;
padding-left:5px;
padding-right:5px;
cursor:pointer;
border-bottom:2px #195B85 solid;
color:#FAF8CC;
font-size:8pt;
font-weight:bold;
}
.menu2 a {
color:#fff;
font-size:8pt;
text-decoration:none;
font-weight:bold;
}
.menu2 a:hover {
color:#fff;
font-size:8pt;
text-decoration:solid;
font-weight:solid;
}
/*########################
MENU LINKS 4
########################*/
.menu4 {
padding:2px;
/* border-top:1px #014E82 solid;
border-left:1px #000 solid; */
border-bottom:1px #014E82 solid;
/*cursor:pointer;*/
font-size:7pt;
font-weight:bold;
}
.menu4-1 {
padding:2px;
border-bottom:1px #195B85 solid;
/*cursor:pointer;*/
font-size:7pt;
font-weight:bold;
}
.menu4-2 {
font-size:7pt;
font-weight:bold;
padding-left:15px;
}
.menu4-4 a {
color:#000;
}
.menu4-4 a:hover {
color:#FAF8CC;
}
/*########################
LOGIN BOX
########################*/
.LoGin1 {background:#fff;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;}
.LoGin2 {background:#195B85;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;color:#fff;font-size:8pt;}
/*########################
MENU LINKS 5
MAIN LINKS FOR THE MEMBERS AREA border-bottom:1px #332F2F solid;
########################*/
.menu5border {
}
.menu5 {
font-size:7pt;
color:#000;
padding-left:5px;
cursor:pointer;
background:#ffff;
}
.menu5c {
font-size:7pt;
color:#000;
padding-left:5px;
cursor:pointer;
background:#ffff;
}
.menu5a {
background:#000 right;
background-repeat:no-repeat;
text-align:right;
width:24px;
height:41px;
}
.menu5b {
background:#000 url(line5.gif) right;
background-repeat:no-repeat;
text-align:right;
width:24px;
height:41px;
}
.menu5d {
font-size:7pt;
color:#000;
text-align:center;
background:#fff;
}
.menu5e {
font-size:8pt;
color:#fff;
text-align:right;
padding-right:10px;
padding-top:8px;
background:#000;
font-weight:bold;
}
.menu5f {
background:#000;
width:24px;
height:35px;
}
.menu5g {
border:1px #000 solid;
padding:5px;
background:#000;
font-size:7pt;
}
.menu5g2 {
border:1px #000 solid;
padding:5px;
background:#1F1F1F;
font-size:7pt;
}
.menu5 a {
color:#fff;
}
.menu5c a {
color:#fff;
}
.menu5d a {
color:#064D9F;
}
.menu5d a:hover {
color:#000;
}
.menu5g a {
color:#fff;
}
.menu5g2 a {
color:#000;
}
/*########################
MAIN PAGES
########################*/
#main {
background:#fff;
font-size:8pt;
color:#000;
border-left:1px #D9D9D9 solid;
border-right:1px #D9D9D9 solid;
}
.main2 {
background:#fff url(background_ccc.gif);
border-right:1px #D9D9D9 solid;
font-size:7pt;
color:#fff;
}
.main3 {
background:#fff;
border-left:1px #D9D9D9 solid;
font-size:7pt;
color:#fff;
}
.main3-b {
background:#000;
vertical-align:bottom;
}
.main3-a {
background:#fff;
text-align:right;
vertical-align:bottom;
}
.main3-c {
background:#fff;
border-left:1px #D9D9D9 solid;
font-size:7pt;
color:#fff;
}
.main4 {
background:#fff;
border-right:1px #D9D9D9 solid;
font-size:8pt;
color:#000;
}
.main3 a {
color:#fff;
}
.main3 a:hover {
color:#fff;
text-decoration:underline;
}
#topright {
background:#fff;
border-right:1px #D9D9D9 solid;
font-size:8pt;
color:#000;
}
/*##############################
#topleft - TOP LEFT AREA BLACK SWOSH
A:LINKS - USERNAME
###############################*/
#topleft {
background:#fff;
background-repeat:no-repeat;
width:480px;
height:45px;
color:#fff;
border-left:1px #D9D9D9 solid;
}
#topleft a { color:#fff; text-decoration:underline; }
#topleft a:hover { color:#fff; text-decoration:none; }
.page {
color:#fff;
}
.pbar1 {
background:transparent;
}
.pbar2 {
background:#941D31;
}
.pbar3 {
font-size:8pt;
padding:1px;
border:solid #014E82 1px;
}
/*########################
MENUS
########################*/
.mainmenu {
background:#1F1F1F url(line11.gif);
font-size:7pt;
color:#15317E;
}
.mainmenu2 {
background:#1F1F1F url(line10.gif);
font-size:7pt;
color:#15317E;
}
.mainmenu2 a { color:#15317E; }
.mainmenu2 a:hover { color:#C8B560; }
.mainmenu3 {
background:#fff;
font-size:7pt;
color:#15317E;
}
.mainmenu4 {
background:#fff;
font-size:7pt;
color:#15317E;
}
.mainmenu5 {
background:#fff;
font-size:7pt;
color:#15317E;
}
.mainmenu6 {
border:1px #C8B560 solid;
padding:3px;
font-size:8pt;
cursor:pointer;
color:#blue;
background:#2ae;
}
.mainmenu6 a { color:#fff; text-decoration:none; }
.mainmenu6 a:hover { color:#red; text-decoration:none; }
.mainmenu7 {
border:1px #C8B560 solid;
padding:3px;
background:#195B85;
font-size:8pt;
cursor:pointer;
color:#15317E;
}
.mainmenu7 a { color:#FFF; text-decoration:none; }
.mainmenu7 a:hover { color:#FFF; text-decoration:none; }
/*########################
SITE MENUS
########################*/
.item {
border-top:1px #ccc solid;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:5px;
cursor:pointer;
font-size:7pt;
font-weight:bold;
background:#fff url(line9.gif);
color:#54A4DE;
}
.item2 {
border-top:2px #000 solid;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #fff solid;
padding-top:9px;
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
cursor:pointer;
font-size:7pt;
font-weight:bold;
background:#fff;
color:#195B85;
}
.item3 { border-bottom:1px #ccc solid; color:#54A4DE; }
.item a { color:#54A4DE; text-decoration:none; }
.item2 a { color:#195B85; text-decoration:none; }
.item2 a:hover { color:#195B85; text-decoration:none; }
/*########################
BORDERS
########################*/
.border {
border:1px #332F2F solid;
background:#195B85;
}
.border2 { border:1px #BDBDBD solid; color:#000; background:#f9f9f9; }
.border3 { border:1px #95C719 solid; background:#000; color:#fff; }
.border4 { border:1px #BDBDBD solid; background:#54A4DE; }
.border4 .color { color:#fff; }
.border4 .sqr { background:#fff; vertical-align:middle; }
.border5 { border-bottom:1px #000 dashed; }
.border6 { border:1px #95C719 solid; background:#2589C5; color:#fff; }
.border7 { border-bottom:1px #98C920 dashed; }
.border8 { background:#F5F5F5; border:1px #000 solid; }
.border9 { background:#fff; color:#000; }
/* USED IN MAIL ALERT */
.border10 { background:#000 url(line10.gif); color:#fff; }
.border11 { border:1px #BDBDBD solid; background:#fff; color:#000; }
/* B-BOARD */
.border12 { background:#fff; color:#000; }
.border13 { background:#F1F1F1; color:#000; }
.border14 { background:#F9F9F9; color:#fff; }
/*########################
TEXT COLORS
########################*/
.color { color:#000; }
.color2 { color:#fff; }
.color3 { color:#ff0000; }
.color4 { color:#000; }
/*########################
BACKGROUNDS & EXTRAS
########################*/
.cur { cursor:pointer; }
.pollinput {
background:transparent;
font-size:7pt;
border:0px;
}
.frame1 { background:#fff; margin:0px; }
.main_frame1 { background:#FFFFFF; margin:0px; }
.link1 a { color:#195B85; }
.link1 a:hover { color:#195B85; text-decoration:underline; }
/* USED IN MAIN MENU SQURE */
.sqr { background:#54A4DE; vertical-align:middle; }
.sqr1
{
background:#54A4DE;
vertical-align:middle;
margin-left: 4px;
margin-right: 3px;
}
/* COMMENT BOX */
.comment {
border:1px #BDBDBD solid;
background:#fff;
color:#000;
}
.comment-text {
color:#000;
font-size:8pt;
}
.comment-headline {
background:#fff;
color:#000;
padding:5px;
font-size:7pt;
}
.comment-head {
background:#195B85;
font-size:7pt;
color:#fff;
padding:5px;
}
.comment-head a { color:#fff; }
.comment-head a:hover { color:#54A4DE; }
/*########################
BOTTOM MENUS
########################*/
#bottom3 {
background:#fff url(http://www.cambodianchristian.com/home/design/pic/cc_bground/b_m.gif);
width:100%;
font-size:7pt;
font-weight:bold;
text-align:center;
color:#15317E;
}
#bottom3 a {
color:#15317E;
}
#bottom3 a:hover {
color:#23df;
text-decoration:underline;
}
#bottom4 {
background:#fff url(http://www.cambodianchristian.com/home/design/pic/cc_bground/h_bg.gif);
width:100%;
color:#15317E;
}
/*########################
FORUM
########################*/
.forum-1 {
background:#C8B560;
color:#fff;
font-size:8pt;
}
.forum-2 {
background:#F6F6F6;
color:#000;
font-size:8pt;
}
.forum-2 a { color:#54A4DE; }
.forum-2 a:hover { color:#54A4DE; text-decoration:underline; }
.forum-3 {
border:1px #000 solid;
}
.forum-4 {
border:1px #000 solid;
background:#fff;
color:#000;
font-size:8pt;
}
.forum-q {
background:#F5F5F5;
color:#000;
font-size:8pt;
border:1px #54A4DE solid;
}
/*########################
DROP DOWN MENU
########################*/
#dropmenudiv{
padding:5px;
border:1px #c0c0c0 solid;
background:#1c4c80;
position:absolute;
z-index:100;
font-size:7pt;
text-align:left;
}
#dropmenudiv a {
color:#fff;
}
#dropmenudiv a:hover {
color:#fff;
text-decoration:underline;
}
/*########################
MESSAGES AND ERRORS
########################*/
span.message_message {
background-image: url("../../../design/pic/message.gif");
background-repeat: no-repeat;
padding-left: 20px;
padding-bottom: 6px;
}
span.error {
background-image: url("../../../design/pic/warning.gif");
background-repeat: no-repeat;
padding-left: 20px;
color: #FF0000;
padding-bottom: 6px;
}
span.message_error {
background-image: url("../../../design/pic/warning.gif");
font-weight: bold;
background-repeat: no-repeat;
padding-left: 20px;
color: #FF0000;
padding-bottom: 6px;
}
.ajax_message {
background:#FFF8CC;
padding:5px;
border:1px #FFE222 solid;
}
.jquery_background {
background:#fff;
}
.socialOver {
background:#FFF8CC;
border:1px #FFE222 solid;
color:#000;
}
.socialDefault {
background:#fff;
border:1px #fff solid;
color:#000;
}
.socialBox {
border:1px #BDBDBD solid;
color:#000;
background:#f9f9f9;
}
.topFriendsNum
{
float: left;
margin-left:8px;
vertical-align:top;
height:80px;
width:80px;
text-align:center;
padding-top:5px;
font-size:16pt;
border:1px #ccc solid;
}