/* SOURCE FILE: scripts/src/css/77-ccclocal/C3-ccc.css */ 

/* override jQuery dialog defaults: */

/* put a solid black border around the whole dialogue box */
.ui-widget-content.ui-dialog {
    border: solid 3px black;
}

/* make the title stand out more */
.ui-dialog-title 
{
    color: rgb(123, 9, 9);
    font-weight: bold;
    font-size: 120%;
}

 .ticketStatus  
 {
     font-family: Courier New, Courier, Monaco;
 }
 #o311_createticket_static {
    background-color: #d9e9ef; 
    border: solid 1px #00447c; 
	border-radius:4px;
    padding: 10px;
    width: 90%;
    margin: 10px 0;
 } 
#o311_createticket_static h2{color:#00447c;}
 #coa_ccc_welcome {
    /* welcome message that sits atop tabs */
     background-color: #d9e9ef;
    padding: 10px 20px;
    margin: 5px 0;
	border:1px solid #00447c;
	border-radius:4px;
 }
 #o311_permalink {
    /* permalink DIV */
    margin-top: 10px;
    text-align: right;
    font-size: 80%;
    text-decoration:underline; 
    cursor: pointer
 }
 #coa_ccc_welcome h2{color:#00447c}
 #showLogBtnDiv {
 /* button for displaying the client-side log */
    text-align: right;
    font-size: 80%;
    text-decoration:underline; 
    cursor: pointer
 }
 #o311_list {
    /* Category tab list */
    position: relative;
    top: -15px;
 } 
 #o311_depts {
    /* Department tab list */
    position: relative;
    top: -15px;
 } 
 .coa_ccc_blue {
    /* the official app blue */
    color: #00447c;
 }
 .o311_urlspan {
    /* span that contains URL info for a topic on the data entry area */
    /* border: solid 2px black; */
 }
 .o311_url {
    /* the A object with the hyperlink for a suggested topic link */
    font-size: 150%; 
    margin-left: 20px;
 }
 .o311_url_description {
    /* the LABEL object with the description of a suggested topic link */
    font-size: 125%; 
    margin-left: 30px;
 }
 .o311_list_ticket {
    /* for the DIV that contains a list of tickets */
 }
 .o311_ticket_details {
    /* details of a single ticket (in an o311_list_ticket container) */
    display:block;
    padding-left:30px;
 }
.o311_ticket_details label {
    /* details of a single ticket (in an o311_list_ticket container) */
    display:block;
 }
 .o311_tdesc {
    /* description of a ticket in a o311_ticket_details item */
    display: block;
    padding-left: 25px;
 }
 .o311_tnotes {
    /* notes for a ticket in a o311_ticket_details item */
    display: block;
    padding-left: 25px;
 }
 #o311_ticket_success {
    /* ticket success box */
    border: 1px solid #075d03;
    padding: 10px 20px;
    margin-bottom: 10px;
    background-color: #d7f0d6;
	border-radius:4px;
 }
 #o311_ticket_success h2{color:#075d03}
 .o311_loc_requirements {
    /* note above map about whether a location is required */
 }
 .o311_red {
    color: red;
 }
 #o311_file0 {
    font-weight: bold;
    font-size: 125%;
 }
 #o311_ticket_success_number {
    font-size: 200%;
    font-weight: bold;
 }
 select {
    margin-top: 5px;
 }
 a.o311_medialink:link {
    /* link to customer-supplied file */
    text-decoration: underline;
    color: Red;
 }
 .o311_PublicityNotice {
    /* the note in the metadata data entry area about "public" tickets */
    font-size: 110%;
    font-style: italic;
    font-weight: bold;
 }
 .o311_IntroNote {
    /* the note in the metadata data entry area about the selected topic */
    font-style: italic;
 }
 .o311_description_intro {
    /* note right above the main text input box */
    font-size: 110%;
    font-weight: bold;
 }
 #create_out {
    /* note indicating that the user should log in to add new tickets to My Tickets */
    font-size: 125%;
 }
a.ccc_topic_link:link {
    /* clickable topic name in list */
    color: #00447c;
}
.az_index_link {
    /* numbers that link to A-Z index sections */
    font-size: 110%;
    padding: 4px 4px 4px 4px;
}
.az_selected {
    /* the A-Z index item that is currently selected */
    font-style: italic;
    border: solid 1px black;
 }
#o311_index_index {
    /* DIV holding the A-Z index link numbers */
    margin-bottom: 7px;
}
p.ccc_tab_intro {
    /* the first P on a tab */
    position: relative; 
    top: -10px;
}

/*JUSTIN STYLE TWEAKS*/
h2.ccc_Tab{border-top:1px dotted #a49f74;padding:25px 0 0 0;margin:25px 0 10px 0;}

input.ccc_KeywordSearch{padding:8px;color:#666;font-size:1.25em;border:1px solid #666;border-radius:4px;}
input.ccc_KeywordSearchBtn{padding:4px 8px;color:#333;font-size:1.25em;cursor:pointer;}

div.ui-corner-all{border-width:0px;}

.ui-tabs-panel{border-width:1px;border-color: #ccc;border-style:solid;}

@media only screen and (max-device-width: 480px) {

#coa_mPageContent .ui-tabs .ui-tabs-nav {margin:0;padding:0;width:95%;}
#coa_mPageContent .ui-tabs .ui-tabs-nav ul{margin:0;padding:0;}
#coa_mPageContent .ui-tabs .ui-tabs-nav li{float:none;margin:0;padding:0;}	
#coa_mPageContent .ui-tabs .ui-tabs-nav li a {float:none;margin:0;width:80%;display:block;clear:both;}

}